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

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

Home Forums Support Navigation Bar background color extending entire width of page/Beaver Builder

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #574615
    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.

    #574737
    Leo
    Staff
    Customer Support

    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 🙂

    #575051
    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.

    #575055
    David
    Staff
    Customer Support

    Hi Pete,

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

    #575057
    pete

    k,

    #575072
    David
    Staff
    Customer Support

    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;
    }
    #575077
    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.

    #575082
    David
    Staff
    Customer Support

    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.

    #575090
    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?

    #575106
    David
    Staff
    Customer Support

    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.

    #575144
    pete

    At this point no but that will change.

    Again, my sincere thanks and appreciation.

    #575260
    David
    Staff
    Customer Support

    Your welcome Pete

    #575461
    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;
    }

    #575477
    David
    Staff
    Customer Support

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

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.