Navigation on mobile

[Samuel]

Hi,

I finally put my website online but I have a issue with Menu on mobile.

1.Primary menu is diplaying weirdly on small device, like sometimes to the left, sometimes centered, sometimes to the right : is there something I’m missing ? I would like to the main menu just always display to the left, is it possible ?

2.Secondary menu is displaying on top with three bar icons : As it’s only to display 3 items, would it be possible to remove the icon and display title items ?

Thanks for your help,
Samuel

[Leo]

Hi there,

1. Are you referring to the toggle or the slideout panel? I’m not seeing the issue in either of those elements. By default it should always be like this:
https://www.screencast.com/t/58B8b8E9xxhx

2. This should help:
https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

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

[Samuel]

Hi,

1. Here is the issue : https://www.screencast.com/t/Ed3SVPSObzZK
On device like iPhone SE for example and for specific pages like this one : https://monvoyageencolombie.com/tourisme-responsable-durable-colombie/

2. Thanks, I’ll take a look at it.

[Leo]

Hmm if it’s a GP issue then it would happen on every page.

Can you do this first?
https://www.screencast.com/t/NZnFMeHP0yXs

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

[Samuel]

Here you go

[Leo]

Still not able to see the issue unfortunately.

I checked using my iPhone 6s and Chrome device view:
https://www.screencast.com/t/CA3n44u2

We will need to go through some debugging test unfortunately:

– It’s only happening on this page?

– What happens if you disable all plugins except GP Premium?

– What happens if you activate the parent theme to exclude all of your custom CSS?

– Do you have another device to test by any chance?

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

[Samuel]

Ok, so, it appears that it’s Wp Rocket that is messing up layout…

[Leo]

Yup caching plugin causes issues like this from time to time which is why we have the note in the checklist.

It is weird that it’s only happening on one page though. Worth checking with their support to see if there are any settings within their plugin that need to be tweaked.

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

[Samuel]

Thanks

[Leo]

No problem 🙂

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

[Author]

Posts