Problem on Mobile page

[Joëlle]

Hi,

There was a problem with my mobile page.

The right sidebar and the textual logo looks normal on PC but abnormal in the mobile page.
Can you tell me what’s happened?

I tried to put this css code :@media screen and (max-width:767px) {
.site-main, #sidebar { width:100%;}
}

But it doesn’t work,

Thanks,

Joëlle

[Sonl Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Joëlle]

Hi,

Here you are: http://morethangypsy.com

Thanks!

Joëlle

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.site-main, #sidebar { width:100% !important;}
}

Regards,
Chris

[Joëlle]

Hi,

It’s working good, thank you.
But do you have solution for the textual logo.
It’s still looks abnormally large on mobile.

Thanks,

Joëlle

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .logo h1, .header .header-inner .logo a { font-size:36px !important;}

Regards,
Chris

[Author]

Posts