SKT Strong problems with mobile view

Home Forums All Other Themes SKT Strong problems with mobile view

This topic contains 3 replies, has 2 voices, and was last updated by  Forum Moderator 1 year, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #96198

    Kari
    Participant
    • Topics: 36
    • Replies: 56
    • Total: 92
    Member since: May 17, 2016

    Hi,

    I would like to continue using SKT Strong template for our https://sportting.fi – but we have some problems:

    1. In mobile (phone) view the top navigation is almost “losts” from the view – its too high…
    2. The site title and desciption are on top of each other
    3. If I use all the 4 columns on Footer – the text does not fit = it goes over the view…..

    Please help.

    #96233

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21457
    • Total: 21457
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    body.home.site_boxed.has_trans_header #slidera { margin-top: 0 !important;}
    .logo h1 { font-size:28px;}
    span.desc {color: #555555; padding: 15px 0 20px;}
    }

    Chris

    #96306

    Kari
    Participant
    • Topics: 36
    • Replies: 56
    • Total: 92
    Member since: May 17, 2016

    Ok, but now it will not show the phone number at all in the mobile view…. and still the footer with 4 columns is to wide.

    #96358

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21457
    • Total: 21457
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    #topmenu ul li a { padding:20px 21px;}
    .phonenumber i { top:8px;}
    .head_inner .head_right_box1 { float: left !important; width:auto;}
    .head_inner .head_right_box2 { float: right !important; width:auto;}
    #simple-menu { top: -143px !important;}
    .head_inner .head_right_area { display: table; width: 70%;}
    }

    Regards,
    Chris

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.