Changing Width of a Header Nav Container Using Uber Menu MegaMenu

Support
#1

Short video:

I’d like to have a megamenu that spans the width of the nav bar to display submenu items on one line horizontally.

#2

Hello @ajrenk,

Thanks for the very detailed post information.

Please use content area element. And then in the Customize tab, insert this inline element css:

$el.x-bar-content-area {
  min-width: 100%;
}

Feel free to adjust the minimum width value in the code.

#3

Rue! You rock the house! Thank you!!!

#4

Hi Rue, couple more questions…

I had a button element to the right of the content area with the UBER MENU code. When added your custom CSS is pushed the button off. See video…

I ultimately would like to implement a submenu design like you see here:

#5

Hi @ajrenk,

I am not exactly sure if it is possible with Ubermenu only. The previous suggestion is to make the submenu fullwidth. Please try to add the button as part of the UBERMENU so it will not conflict with the main structure. Don’t worry about the style yet. We can change it using CSS. What I meant when I say add it as button is, try custom link if possible.

Then check the following guide on how to style it to look like a button:

Here’s the guide for ubermenu custom CSS.
If you have more question, please share htaccess credentials inside a secure note so we can access the site.

#6

Thank you SO MUCH @Lely! You rock!

#7

You’re welcome, @ajrenk. Glad we’re able to help.

#8

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