Archived topic

Mobile menu sub heading not long enough

5 replies · Started by Alex on June 7, 2021

Viewing posts 1–6 of 6

June 7, 2021 at 4:33 am #1813182

I have been looking through a lot of previous topics on this, and have tried most suggestions with code in the CSS but nothing seems to have worked.

The problem:
On the mobile menu, when I open the heading 'locations' I can only see the first two or three subheading listings depending on the size of the device. The 'Navigation Logo Placement' is set at both sticky and static.

Can you help?
Regard
Alex

June 7, 2021 at 6:43 am #1813338

Hi there,

see this topic here which provides an alternative option and a solution:

https://generatepress.com/forums/topic/sticky-mobile-menu-scrolling-problem/#post-1801725

June 7, 2021 at 7:02 am #1813355

Hi David,

Thanks for this. Is there a way of making it slightly longer, as we are missing the last heading on the menu?

Thanks
Alex

June 7, 2021 at 7:48 am #1813446

Try changing the CSS to this:

#mobile-header.toggled .main-nav > ul {
    max-height: calc(100vh - 160px);
    overflow-y: scroll;
    padding-bottom: 60px;
}

Its adjust the height to take into account the taller header element and the padding added to the bottom

June 7, 2021 at 12:34 pm #1813887

David,

Worked like a treat.

You are a star!!!

Thanks
Alex

June 8, 2021 at 2:13 am #1814432

So glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.