UberMenu Width

[jshortx]

I’m having problems with the width of the UberMenu. On some pages it displays correctly on 1 row and on other pages it wraps the menu items to 2 rows. Can’t figure it out.

Thanks.

[Prasant]

Hello @jshortx,

Thanks for asking.

I see inline width CSS of 550px added and that’s the reason why Uber Menu is showing up in two rows on your website. Either you can remove that or add following CSS under Pro > Theme Options > CSS to fix the issue.

.ubermenu {
    width: 100% !important;
}

Thanks.

[jshortx]

Ok, thank you. Just so I understand, where is that 550px being added, because I didn’t add it. In the header builder, I added a bar > container > content area for the UberMenu shortcode.

Thanks

[rad]

Hi there,

It’s probably from your Ubermenu configuration, but couldn’t fully trace it due to minification. But there is an option in Ubermenu under Main UberMenu Configuration > Position & Layout > Menu Bar Width. You may try to change it too.

Thanks!

[jshortx]

It is showing:

element.style {
width: 567px;

I turned off the cache and removed the custom css. Could you look again and see if you can figure out where it is coming from? Is it a default from the template or UberMenu?

Thanks

[rad]

Hi there,

I think I’ll weed your admin login credentials this time, I could only confirm it through source code and browser inspector, but can’t verify which settings. Please provide the credentials in a secure note.

Thanks!

[Alaa]

Hi jshortx,

You just need to enable “Full Width Sticky Menu Bar” under (Ubermenu > Sticky) to fix this issue.

Thanks.

[jshortx]

Great! Works perfectly. The Sticky wasn’t working right either, so that fixed everything.

Thanks!

[Prasant]

Glad to hear that.