Vertical space between items on mobile menu

Hi there,

You can use the mobile toggle to change the menu item height on mobile: https://docs.generatepress.com/article/menu-item-height-width/#height

Not sure that I understand. It says I need the spacing add on in GP premium. But my dashboard doesn't show that. Also, not sure that I stated my problem correctly. The hamburger menu is fine, but when I click it and it brings up the menu items such as:

home
trip planner
etc, etc.

they are too close together on mobile. I want to separate these and make them fathere apart like:

home

trip planner

etc, etc.

The spacing add-on should be there: https://docs.generatepress.com/article/installing-gp-premium/#activate-your-add-ons

And yes my solution should work. It will change the toggle height as well which looks quite thin currently and your logo is barely visible. Try using the customizer first and we can use CSS after if you prefer to keep the toggle that way.

Hi Leo, My add ons are already activated. I can make the changes you suggested, which is great by the way, but that does not solve my problem. I want vertical spacing between each menu item on mobile to increase so that they are not bunched together. Is there something I am not doing right?

Something else is overwriting the customizer options.

Do you have this CSS added?

.main-navigation.slideout-navigation .main-nav>ul>li>a {
    line-height: 20px;
}

You are my hero, Leo! Worked great...although I did change it from 20px to 40px. Turned out exactly how I wanted it. Thanks for the help.

No problem!

I do worry about what is over riding my customizer options.....I only use very few plug-ins to avoid problems, but for now I will just ignore it.