Mobile Menu covering Logo

[Blazonmobile]

Hello,

I recently uploaded my logo, both normal and retina and set the sizes. On normal browsers, it looks fine. However, on my phone the logo does not resize and the mobile menu covers it. How should I go about fixing this issue?

Blazonmobile.com
Thanks

[Veena]

I didn’t find any sitelogo – mobile – issue. Hope you fixed it already.

[Blazonmobile]

Unfortunately it still looks the same on my end. Testing on Studiopress after entering the site, it shows the menu overlapping the logo on 320 and lower.

Screenshot included.

[Veena]

Pls try the below custom CSS in themeoptions –

@media only screen and (max-width: 479px)
{
#site-logo a img {
    max-width: 75%;
}}

[Blazonmobile]

Works like a charm, thank you!

[Author]

Posts