Menu is getting cut off on high res screens

Hi see video :o) https://drive.google.com/file/d/1fEH5nHQxGAtDqhVpIKoIIQG78B82egfE/view?usp=sharing

Hi There,

The height of left navbar is fixed, so we can’t see the menu items at the bottom. To fix it, please try adding this custom CSS under Theme Options > CSS:

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

Hope it helps :slight_smile:

Is there any way to not show the scroll if it’s not needed .

Hi again,

You can replace the previously given code with the following code:

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

Please note that your sub-menu won’t work if you enable the navbar scrolling. Instead of scrollbar you should reduce the number of your menu items or make sub menus of extra menu items.

Hope this helps!

thank you i added the code but now none of the drop down menus work.

Hi There,

Please navigate to Theme Options > Header and turn On the Navbar Scrolling option.



As you can see, that option does not support submenu, so you might want to take Nabeel’s advise above to re-structure your menu items. If you don’t see that option on your end, please update your X and Cornerstone to the latest version.

Or

Since you’re using icon stack, you might want to utilise the sidebar instead of the left fixed header, something like here but with Navigation Menu widget.

Thanks,

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