[Support request] Navigation Bar background color extending entire width of page/Beaver Builder

[pete]

Hello,

My navigation bar (advanced menu) is crafted in BeaverBuilder (actually UABB).

I would like the background color of the bar to extend across the entire page.

Not sure this is controlled in the theme or if it can be done in BB? I’ve tried to do in BB but nothing seems to work.

[Leo]

Hi there,

If the navigation bar is created using BB then it’s controlled by BB.

If you can provide a link to your site I can definitely double check to make sure.

Let me know 🙂

[pete]

Hope this works: (under construction)

https://adaptivedigits.com/?page_id=1287&preview=1&_ppp=128c2d6b80

BB header footer instructions say:

Select a page to be used as Header

The page selected here will be replaced by the header of the theme.
If your theme adds separate option for menu that can be enabled/disabled from theme options.

[David]

Hi Pete,

you will need to remove it from maintenance mode for us to see the site.

[pete]

k,

[David]

Hi Pete, the site is using the UABB menu so this replaces the GP one. You should be able to style the background of that element or its container in BB. If not you could use this CSS to change its color:

.uabb-creative-menu .menu {
    background-color: #000;
}

[pete]

Will do, many thanks for input.

It’s not so much the color change but just extending the color across the full width of the page. In. other words a black line across the page (with the menu inside of it).

Have contacted UABB and should hear back pretty soon.

[David]

The above CSS will add the color to the full width of the screen apart from the element parent container has 10px of padding, so it don’t quite reach either side. But yes probably best to get UABB support.

If you hit a wall then let us know we could help you create something similar using the GP Navigation.

[pete]

You guys are great- I always recommend GP.

Say- Is it possible to mix/use other GP themes to an existing theme? In other words use certain pages (or perhaps a dedicated blog) within the main site?

[David]

Thanks Pete.
When you say mixing themes i am a little unclear. You can only have one theme installed. To use a different theme on say the blog you would need to set that up on separate (sub) domain.
If you mean mixing styles such as those in the GP Sites library then somethings could be achieved. There is nothing stopping you from building out your main site including the blog with GP, but then create specific pages using a page builder and removing / replacing the theme options.
Let us know if you have anything specific in mind.

[pete]

At this point no but that will change.

Again, my sincere thanks and appreciation.

[David]

Your welcome Pete

[pete]

Just want to let you know the css you provided did the trick- although the height needs to be adjusted downward.

To have it fill from side to side- remove all padding?

Guess I can figure that one on my own!

.uabb-creative-menu .menu {
background-color: #000;
}

[David]

Glad it worked. Let us know if you need help with the padding. But you will need to take the site maintenance off again

[Author]

Posts