Docs

[artisticdog]

I have a couple of menus that I wish to make scrollable, as they are now on MACS and PC’s they can extend past the bottom of the screen and not be accessible. They scroll fine on mobile devices.

DNA Home

I wish to make the main menu on left and the sub-menu under “DNA Custom Paints” scrollable.
I have tried the following code that I found on the user forum. This makes the main menu scrollable but also makes the menu items inactive and unable to open sub-menus. What can I do to fix this problem?

/* Make left/right navbar scrollable */
.x-navbar-fixed-left {
overflow-y: scroll;
}

Thanks for your help
Scott

[Rupok]

Hi Scott,

Thanks for writing in! When you have lot of navigation menu item and using submenu, it’s not really a good idea to use the fixed left navigation. Note that it’s “fixed” left so you can actually set scroll because the overflow settings will affect the submenu. If you don’t have submenu then it could be possible by setting the overflow to auto or scroll.

So I’d suggest you to use lesser menu item or use the top navigation.

You can also decrease the font size and spacing for the menu for smaller screen so that it fits within the smaller height. You can add this under Custom > CSS in the Customizer.

@media only screen and (min-width: 980px) and (max-width: 1400px) {
.x-navbar .desktop .x-nav > li > a {
  padding: 15px 7%;
  font-size: 12px;
}
}

Adjust the values if needed.

Hopefully that will fit on all 768px height screens.

Cheers!

[artisticdog]

Thanks you for your reply and code.
You say it’s not really a good idea to use the fixed left navigation.
Is it possible for me to make the menus not fixed left navigation and still keep a similar website function and appearance?

[artisticdog]

In addition to above questions.
I have just implemented a Megamenu as a work around, this seems to be working ok but still not what we were wanting.

[Rupok]

Hi there,

Thanks for updating. I think that’s already explained. If you have lot of menu items and submenus then you should go for Top menu or Megamenu. Fixed left or fixed menu won’t fit that much item. And there is no other alternative way except you follow the previous suggestion to decrease spacing and font size.

Cheers!

[Author]

Posts