Uber Menu full width

BB Theme
1

Hey guys - Wondering how I can tweak Uber Menu drop down background to display full width vs as wide as the container. Any thoughts? goo.gl/2cGN5P

Trying to get this all wrapped up today.

Thanks guys…BTW - great new modules you are launching!!

2

Hey David,

Sorry but I haven’t really worked with UberMenu yet. Have you tried contacting them first?

Ben

3

Also, I don’t see a background image attached to the menu? If it’s easy enough we might be able to provide you with a CSS snippet. :wink:

Ben

4

Hey here is what I have so far - let me know what you think:

nav#ubermenu-main-2-header {

padding-left: 10%;
padding-right: 10%;

}

fl-page-header-container.container {

padding-left: 10%;
padding-right: 10%;

}

I’m assuming I will have to adjust the media queries for smaller devices. Have something better so far? I really only need the drop down container to be full width but it seems I need to adjust the entire header area to be full width. I then applied a 10% padding on either side for main nav and logo/header area.

5

Hey David,

You are correct in that you’ll have to either make the entire header or just the nav container full width. Either way, it won’t look good. You’ll probably have to deal with custom jQuery to make the submenu go full-width without touching the current layout.

Have you tried getting in touch with the Ubermenu guys?

Ben