Docs

[caligent]

I’m currently using Renew at http://www.sellersuccessacademy.com. On smaller monitors, some of my menu items in the left nav bar are inaccessible since I can’t scroll down.

When I add the following code in CSS:

.x-navbar.x-navbar-fixed-left {
     overflow-y: scroll;
}

It does add the scroll bar, but then it creates another problem in that it doesn’t expand the sub-menus, nor does it reveal them when the main top menu item is clicked.

I realize that the fly out menu would be limited by the left nav’s width, but is there a way for the sub-menus to appear some other way?

Or do you have any other suggestions that would remedy this issue?

[John Ezra]

Hi there,

Thanks for writing in! Sorry, I tried viewing your link, there aren’t any submenus? Did you change your layout? I tried viewing on mobile and am not having the issues you mention. Would you mind providing more details, screenshot and/or a video if possible, so we can see what you are seeing. Thanks!

[caligent]

Hi John,

Here’s the video:

http://screencast.com/t/XlYrDnW0nt5n

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-navbar .desktop .x-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
}

You can also reduce font size and letter spacing to display each menu title in one line.

Hope that helps.

[Christian]

Hey there,

We’re sorry but the side navigation was designed for short list of menu only (around 4 items). There’s no workaround for that case. If you want more options, you might want to consider using UberMenu and reorganizing your menu. See http://wpmegamenu.com/vertical-mega-menu/ for vertical menu example. You can install UberMenu in Addons and after installing, you can check the settings and knowledge base in Appearance > UberMenu.

Thanks.

[Author]

Posts