Docs

[lawrencehaw]

Hi Support,
I have a site located @ http://wordpress.selborne.co.za – you’ll notice if you scroll down on a smaller screen and then select a menu with a submenu item the item is not visible on the screen. Ideally I want the “header” located on the left to scroll with the rest of the content so that the menu items can then be viewed.

Please help 🙂

[Nabeel A]

Hi there,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks!

[lawrencehaw]

Hi, Thanks for your reply.

On a large resolution screen: which I’ve called website 1 – I’ve highlighted in Red the menu structure once clicked bottom left – this is perfect.

Then on the smaller screen same thing again (called website2) – you’ll notice only part of the menu is visible. If I scroll down the content moves but not the menu meaning a user with a smaller resolution can’t see the submenu items.

The end goal is for the menu in it’s entirety to be visible no matter what size resolution is in use.

[Christopher]

Hi there,

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

.x-navbar .desktop .x-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px !important;
}

Hope that helps.

[lawrencehaw]

Thanks for that – sadly no luck – this is my total custom CSS thus far:

.x-navbar.x-navbar-fixed-left {
overflow: visible;
}

.x-navbar .desktop .x-nav li > a > span::after {
content: “\f0c9”;
}

.x-navbar .desktop .x-nav > li > a {
padding-top: 6px;
padding-bottom: 6px;
font-size: 12px !important;
}

Regards,

Lawrence

[Rupok]

Hi Lawrence,

I have checked and it seems fine on standard small screen (i.e. 768px height). If you are concerned about more smaller screens then you should use the Navbar on topbar because the left menu is not really ideal for that much menu items and it’s not user friendly at all.

Thanks!

[lawrencehaw]

Thanks for your reply .. I still find on the same 768p resolution that for example the OSA sub menu does not show all the items.

Is there a way to get the content and the menu to scroll together ? I.E if I scroll down to read articles lower down in the center of the page, if the menu moved with it that would probably be a perfect solution.

[Christopher]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.
I recommend you to use top position menu.

Thanks for understanding. Take care!

[Author]

Posts