Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Vertical space between items on mobile menu

Home Forums Support Vertical space between items on mobile menu

  • This topic has 8 replies, 2 voices, and was last updated 3 years ago by Cristo Rey.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #417418
    Cristo Rey

    Hopefully I am explaining this clearly, I have not found this subject on the support forum. On my site, when I hit the hamburger menu mobile, all the items show but they are spaced close together vertically. I would like to have them spaced a bit farther apart for ease of use.

    BTW I am using 1.4….hit the wrong box

    GP Premium 1.4.3
    #417485
    Leo
    Staff
    Customer Support

    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

    #417695
    Cristo Rey

    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.

    #417857
    Leo
    Staff
    Customer Support

    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.

    #417874
    Cristo Rey

    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?

    #417897
    Leo
    Staff
    Customer Support

    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;
    }
    #417944
    Cristo Rey

    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.

    #417983
    Leo
    Staff
    Customer Support
    #418017
    Cristo Rey

    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.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.