[Resolved] Mobile header image and hamburger menu

[Michael]

Hi!
At present my logo and meny, on mobile looks like this:
https://www.dropbox.com/s/u8p92s1lg02soyt/IMG_3435.PNG?dl=0

When I then activate “Use Navigation as header”, I encounter a problem, and it looks like this: https://www.dropbox.com/s/ortsycismk7ykz6/IMG_3436.PNG?dl=0

I use GP Premium 1.8

as you can see the logotype is now squeezed together. I have tried different ways of solving it, but cannot find a way forward. I even inserted a css code which I found here in the forum, but that only made the logo too big and it looked blurry.

Is this just a bug which will be solved in the next release of GPP 1.8? When is that planned, and what should I do in the meantime?

GeneratePress 2.2.2

[David]

Hi there,

did you find a solution ? I am not seeing the issue on my mobile or simulated devices?
If you’re still seeing the problem then can you clear your phone browser cache.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Michael]

Hi,
No, it’s still there. I have emptied the phone browser cache.

[David]

Can you disable the Lazyloader you’re using so we can see if this is interfering.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Michael]

That seems to have done the trick! Very strange

I use Lazy Load by WP Rocket. Perhaps that can be useful information for bug fixing?

Regards
Michael

[David]

Lazyload can be troublesome but WP Rocket do provide a filter for Disabling LazyLoad on an image class:

https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images

GP gives the logo the header-image class.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Michael]

Thank you 🙂

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts