Docs

[sonofzell]

Hello again, Team X!

I’m hoping you can help me with an UberMenu configuration, as I have searched exhaustively for a solution without success…

I am attempting to create nested tab groups with a horizontal layout at http://69.195.124.101/~kirkkwil/ksl/# (Refer to “Stats” menu for example). I can not seem to figure out how to have the actual tabs centered on the menu, while maintaining the full-width submenu.

Personally, I find the UberMenu settings quite confusing; I’m hoping I just missed something obvious, or you may suggest a css override that will do the trick.

Thanks in advance!

-Kirk

[Rupok]

Hi Kirk,

Thanks for writing in! Unfortunately I didn’t properly understand what you are exactly trying to accomplish. It would be great if you attach a mockup of your desired layout. Meantime make sure to follow the documentation of UberMenu from here – http://sevenspark.com/docs/ubermenu-3

I believe the solution is already there.

Cheers!

[sonofzell]

Hi,

I’ve been trough the UberMenu documentation several times, but haven’t found anything that addresses alignment of items within horizontal tab groups. Even the very extensive (20+ minute) video tutorial exclusively demonstrates vertical tab groups.

Hopefully the attached image will better illustrate what I’m looking to do… I’ve placed the menu items where I would like them to be aligned (the items crossed out indicate the current alignment).

[Lely]

Hi There,

Thank you for the screenshot. Please try this custom CSS:

.ubermenu.ubermenu-main .ubermenu-tabs-group {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}
.ubermenu .ubermenu-submenu .ubermenu-column.ubermenu-tab-layout-top {
    text-align: center !important;
}

Hope this helps.

[sonofzell]

Brilliant!

Thanks so much for bailing me out yet again – you guys are the best!

[Thai]

Glad we’re able to help 🙂

If you need anything else please let us know.

[Author]

Posts