Archived topic
Issue on mobile menu with centred logo
11 replies · Started by Emma on February 14, 2020
Hi, I've just created a centred logo in the navigation by following these instructions: https://docs.generatepress.com/article/centering-logo-navigation/. The logo placement is fine, the only issue I have is that there is a big gap in the menu on mobile where the separator has been added. Is there any way to resolve this so that there is no gap in the mobile menu?
Hi there,
edit the Menu Item you created for the separator in the CSS Classes field change it to:
menu-item-separator hide-on-mobile hide-on-tablet
Thank you, that's much better. I've just noticed that the menu isn't fully responsive, it's fine on desktop and on mobile but on tablet part of the navigation isn't visible. Is there something I need to do to make the navigation fully responsive on tablets too?
Can you try increasing the navigation breakpoint and see if that works for you?
https://docs.generatepress.com/article/mobile-navigation/#using-gp-premium
Let me know :)
Thanks, might be a stupid question but how will I know I need to set it to?
Hi there,
try increasing it to 1024px and see if that helps :)
Just tried it and it doesn't seem to have made any difference at all. I also tried setting it to a larger number and still no difference...
That's strange. The option should definitely work.
Any caching plugin or server caching?
There are no caching plugins installed. I have cleared the server cache. It's still not working. Nothing seems to change when I alter the navigation break point.
That's very strange.
Are you able to disable all plugins except GP Premium to make sure there is nothing conflicting?
Let me know :)
This is sorted now, think it must have been a caching issue. Thanks very much for your help :)
No problem :)
