[Resolved] Mobile menu item height causing problems with mobile menu items

[BMM]

Hey folks,

We are trying to get our mobile menu to not be so spread out.

Adjusting the menu item height for mobile so that the logo is the proper size causes the menu items to be very spread out.

See screenshot: https://prnt.sc/4w8TM86vL955

Are we not able to adjust the logo height on mobile independently from the menu item height?

We cannot seem to figure out how to do this.

Thanks

[Leo]

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[BMM]

See attached link

[Leo]

Hmm the menu item height is actually larger than the mobile header height currently and that’s not the default behaviour.

Have you tried commenting out all of your CSS in Customizer > Additional CSS to make sure nothing is conflicting there?

Let me know 🙂

[BMM]

Thank you. We did find a line of additional css which was adding bottom padding to ul li components and this appears to have been affecting the mobile menu. Thank you for the help!

[Leo]

No problem 🙂

[Author]

Posts