[Support request] Drop Down Menu – Will Not Scroll to Bottom

[Laurie]

Hello,
I hope you are all well,
I have created a menu and have pages added to a dropdown menu (quite a few!), whilst you can scroll through the list if viewing on mobile device they will not scroll when viewing on a pc.

I have read topics about this and can see that other users have experience similar problems and look at different solutions (multi columns etc), but just want to be able to scroll to the bottom!
I was wondering if anyone could perhaps offer some guidance.

The reason I have so many links is that I am trying to ensure google can find the pages as am having great problems getting google to find the pages.

Many thanks for your help.

Best regards

L

[David]

Hi there,

long sub menus are a pain – you can use some CSS to make the element scrollable like so:

.main-navigation ul ul {
  max-height: calc(100vh -  100px);
  overflow-y: scroll !important;
}

This: max-height: calc(100vh – 100px); will set the height of the menu to Full screen height minus 100px. You can adjust the latter value to suit.

If you’re having difficulty getting those links indexed then first make sure they are in your sitemap.

[Laurie]

Hello David,
Thank you for your response, that works perfectly!

Best regards to all, thank you as ever for your help and support.

Best regards

L

[David]

Glad to hear that!

[Author]

Posts