[Resolved] Mobile icon wrapping

[Dan]

I am experiencing an issue that I’ve not seen on any other Generatepress build I’ve worked on where the mobile nav icon is wrapping onto a new row – https://ibb.co/gwKP2j6.

This only appears to happen on mobile devices – I can’t seem to replicate it on Chrome Dev Tools or similar.

It appears to occur regardless of the size of the mobile header site logo.

Clicking on the site logo seems to reset the issue. Clicking in a new article drops the nav menu icon down again.

Anyone seen this before and know the cause?

[David]

Hi there,

can you clear and disable the autoptimize cache so i can take a look

[Dan]

Cleared and disabled David.

Thanks

[David]

Looks like that cured the issue – which means it was the cached CSS causing a problem.
Re-enable the autoptimize cache. If the problem re-occurs then try the following CSS:

.site-logo.mobile-header-logo img {
    width: unset !important;
}

[Dan]

Thanks David.

Sorry – shouldn’t have bothered you with that. I did try disabling Autoptimize as that was my first thought but I guess I must not have cleared the cache properly.

Apologies and thanks.

[David]

No problems – glad to be of help

[Author]

Posts