Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Resolved] Fixing spacing issues in drop down navigation for tablets and phone

Home Forums Support [Resolved] Fixing spacing issues in drop down navigation for tablets and phone

Home Forums Support Fixing spacing issues in drop down navigation for tablets and phone

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #509844
    jennifer

    Hi! Is there a way to fix the padding (?) and spacing for my drop down menu in tablet and phone view? The lack of padding to the left of the drop down nav is seen on any device, and the spacing between the levels of nav, particularly on an iPad is huge!

    I tried playing with margins, but it moved the secondary nav (2nd level) over with the navigation item as well.

    Thanks!

    GeneratePress 2.0.2
    GP Premium 1.5.6
    #510119
    Leo
    Staff
    Customer Support

    Hi there,

    I assume the menu item height is set at 150px because you wanted to push the menu down to align with the logo?

    If so I would recommend setting to a normal/smaller height, then use this CSS to move the menu down:

    .main-navigation {
        margin-top: 100px;
    }

    Another option would be to use this method here to achieve your current layout:
    https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

    Let me know if this helps.

    #510161
    jennifer

    That helped…thanks a million!

    #510254
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.