Archived topic
Tablet & mobile menu spacing
1 reply · Started by Lynn on June 12, 2018
Hello,
I have just launched this site https://www.pickerelbay.com. The menu is fine on desktop - I added extra height to the nav items in order to make the logo larger. But on horizontal view on tablets, the menu goes to 2 rows and the space between the rows is too large. Can you let me know how to fix this? I could also uses some help with the spacing on mobile as well.
Thanks,
Lynn
Hi there,
You can try triggering the mobile navigation at a larger width before it breaks into two parts:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width
Then set a smaller menu item height for mobile using the mobile toggle:
https://docs.generatepress.com/article/menu-item-height-width/
Let me know if this helps.
