[Support request] Mobile Header layout/spacing

Home Forums Support [Support request] Mobile Header layout/spacing

Home Forums Support Mobile Header layout/spacing

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1131892
    jonathan

    Hi guys,

    I was wondering if you knew a better way to layout a mobile menu that’s using a header element?

    https://prnt.sc/qnm7z3

    The MENU sits very low, clashing with the Page Title, and it floats awkwardly to the left. On some mobile devices, the logo buts up against the left and right sides of the screen.

    If you had any suggestions on how to tighten this up, Id’ really appreciate it!

    thanks, as always,

    Jon

    #1132105
    Leo
    Staff
    Customer Support

    Hi there,

    What if you decrease the menu item height with mobile toggle on?
    https://docs.generatepress.com/article/menu-item-height-width/

    Looks like it’s currently at 100px which is quite large.

    Try something around 50-60px.

    Let me know ๐Ÿ™‚

    #1132243
    jonathan

    Thanks Leo,

    I realized that I made the menu height 100px so it would align with the logo. Is there any other way to make those two elements vertically align without using the NAV line height?

    Jon

    #1132361
    Leo
    Staff
    Customer Support

    Not quite sure if I understand.

    When you decrease the menu item height on mobile, the logo and toggle should be aligned by default.

    Can you show me if it’s not?

    Let me know ๐Ÿ™‚

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