Uber Menu Scrolling Not Activating

Support
#1

I would like to add a scrolling menu to the menu that is highlighed in this photo on the page:

I have enabled scrolling and set the maximum height of the submenus but this only affects the header menu not the menu in the photo.

The menu is labeled “Free Loops & Samples Menu”

Is there any way to make just this menu a scrolling menu?

#2

Hi there,

I am not sure what do you mean by scrolling menu. If you mean the Scroll To functionality you need to follow these steps:

If you mean another thing kindly gets back to us with the screenshots of the options you set and have the problem with, so that we know which section you are talking about to follow up.

Thank you.

#3

The menu on this page is too long. I would like to shorten the height of it. How would I do so


Here are the settings that I have for ubermenu submenus.

This only effects the header menu as shown in this photo below. I would only like it to effect the menu labeled “Free Loops & Samples Menu,” which is shown in the first photo.

Thanks again for the help!

#4

Hi there,

Please add this CSS to your global custom CSS.


    #ubermenu-main-205 .ubermenu-submenu {
     max-height: 200px;
        overflow-y:scroll;
    }

Thanks!

#5

Thanks Rad!

The code has worked!

How would I add other ubermenus to this code without having to type this out multiple times?

Thanks for the help!

#6

Hi,

You can add comma to your code.

eg.

   #ubermenu-main-201 .ubermenu-submenu,
   #ubermenu-main-202 .ubermenu-submenu,
   #ubermenu-main-203 .ubermenu-submenu,
   #ubermenu-main-204 .ubermenu-submenu,
   #ubermenu-main-205 .ubermenu-submenu {
          max-height: 200px;
          overflow-y:scroll;
    }

Hope that helps.

#7

Great! Thank you Paul!

#8

You’re welcome! :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.