[Resolved] space menu items farther apart on mobile

[CRISTO]

Just change my menu on my woocommerce site to list all categories. On mobile, I would like to have them spaced a bit farther apart.

Also, on desktop…is there some sort of divider or spacer I can use between items? I have a lot of them (they are actually my categories) and it looks pretty bunched up…especially when it goes to sticky.

[Leo]

Hi there,

Try increasing the menu item height for off canvas navigation:
https://docs.generatepress.com/article/off-canvas-panel-overview/#menu-item-height

As for desktop, I really don’t have a good idea on how to make it look better.

Perhaps you can just use the off canvas navigation as well instead of the normal navigation?

[CRISTO]

My hero once again, Leo. Thanks worked out great.

[Leo]

No problem 🙂

[Author]

Posts