[Support request] Mobile Header layout/spacing

Home Forums Support Mobile Header layout/spacing

This topic contains 3 replies, has 2 voices, and was last updated by  Leo 3 days, 12 hours ago.

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 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 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.