SKT Strong problems with mobile view

[Kari]

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.

[Sonl Sinha]

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

[Kari]

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.

[Sonl Sinha]

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

[Author]

Posts