Docs

[ApplePro]

Hi,
I’ve seen some posts about making the UberMenu the full width of the browser. I don’t want to do that, but I do want to make the background color of the UberMenu the full width of the browser. How do I do that?

Here is the site in the works – http://purelyliving.net

[Rahul]

Hey There,

Thanks for writing in! Can you please explain it with some screenshots so we can have better understanding of your requirements?

Thanks!

[ApplePro]

I have attached two screenshots. 1 is how it looks now and 2 is how I would like it to look.

[Joao]

Hi There

Upon checking your website seems like you already achieved your goal.

It looks very different from the screenshots.

Let us know if you need further help

Thanks

Joao

[ApplePro]

No, I haven’t. I just disabled the UberMenu. I still need a solution!

[Joao]

Hi There,

Please visit Appereance > Customizer > Uber Menu to adjust the color settings.

Hope that helps

Joao

[ApplePro]

Thanks, but that only adjust the color settings of the menu. See my screenshots. I can change the color easily, but I want the background color to be the full width of the browser.

[ApplePro]

Perhaps this screenshot will make it clear. How do I get a background color that goes the full width of the browser?

[ApplePro]

Here it is.

[Joao]

Hi There

Please add the following code to Appereance Customizer Custom CSS

.x-container.max {
    max-width: 1000px;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 960px) {
.ubermenu-responsive-default.ubermenu {
    padding-left: 39%;
} }

Hope it helps

Joao

[ApplePro]

Thanks Joao! 🙂

[Joao]

You are welcome 🙂

Let us know if we can help with anything else.

Joao

[Author]

Posts