Mobile navigation menus

I would like to increase the width on the drop down menu like how its done here:

How do I change the width of the container so its expands edge to edge?

And have the submenus drop like in this example?

Thanks

Hi Ali,

Thanks for reaching out.

Assuming you’re also using X theme, you can increase its width or expands it edge to edge by adding this CSS (similar to https://theme.co/x/ ) to your Theme options > CSS

.x-navbar .x-container {
    width: auto;
    max-width: none;
}

And the sub-menus here https://www.mdanderson.org/ are complex which isn’t achievable with current header’s feature. It isn’t just a simple mega menu. I recommend using Ubermenu, please check this https://theme.co/apex/forum/t/extension-ubermenu/75, https://sevenspark.com/docs/ubermenu-3

Hope this helps.

Thank you for the reply. i ended up using the X theme navigation collapse element which expands the screen. I was wondering, can I center the items like this example https://theme.co/x/ with the sub-indicators pointing downwards? I selected the center option under PRIMARY TEXT STYLE but its not centering.

Thanks for your help.

Hi Ali,

Please inspect your Navigation Collapse, under the Top Links tab set a Width and set the left and right margin to auto.



And make sure your text margin are balance.



Hope it helps,
Cheers!

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