Making menu look more attractive and take up less space

Hi,
I have a client site located at:
http://www.aficreditsolutions.com

The client wants the menu to look more attractive and take up much less space. He’d love for it to fit all on one row. Is there any way to do this?

Hi there,

You may use this custom CSS to force the menu area to be fullwidth:

.x-navbar-inner .x-container.max {
    max-width: 100%;
    width: 98%;
}

However, that will not be enough for the menu area to display in one line because you have a lot of menu items.

Since you have too many menu items, even if you set the Navbar Font Size (px) in X > Theme Options > Header > Links – Text to a very small font like 10px it will still not be enough to fit all the menu items in one row for smaller desktop displays.

You might want to check out the Megamenu feature with X which you can find more information here:

And also the UberMenu plugin that comes bundled with X:

Hope this helps.

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