Different header content on different pages

About this forum
These forums are no longer active, but they are searchable. To submit a support ticket, please visit our official support page.

Find something useful?
We're working to move the best content from the forum to our new Knowledge Base. If you found something useful, please send us a message and let us know.

Home / Support / Beaver Builder Theme / Different header content on different pages

This topic is: resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6550

    Gerry
    Participant

    Hi support,

    Is it possible to have different header content on different pages within one site using BB and if so how would I go about it?

    Thanks, Gerry

    #6560

    Robby McCullough
    Keymaster

    Hey Gerry,

    You wouldn’t be able to do this without writing some custom code. The Page Builder plugin doesn’t affect the header, so that wouldn’t help. The Beaver Builder theme doesn’t have any functionality to change the header on different pages. You would likely need to over-ride the default header on a page-by-page basis (which is doable with some custom coding).

    Sorry if that’s not the answer you were hoping for. Let me know if you have any other questions.

    #6695

    Gerry
    Participant

    Hi Robby,

    Thanks for support, I suspected that might be your answer although it doesn’t change my very high opinion of BB products and support 🙂

    I’ve come across a plugin that may provide a solution, could you give an opinion on this?
    https://wordpress.org/plugins/unique-headers/

    Thanks,

    Gerry

    #6700

    Robby McCullough
    Keymaster

    I just did a quick test, and I am afraid that plugin won’t play well with Beaver Builder. We don’t use WordPress’ built-in custom header functionality as the plugin requires.

    Do you only want to adjust the background image of the header on a page-by-page basis? If that’s the case, I can probably walk you through the process of doing that with CSS. It shouldn’t be too difficult.

    #6879

    Gerry
    Participant

    Hi Robby,

    Thanks for supporting me.

    This is a feature that I may need to use on a project that’s due to start soon, I’d much prefer to use BB theme and plgin to build the site. The custom header would be on a page by page, would we need to work on the live site to walk through the CSS or could you let me have something to work on now?

    Thanks,

    Gerry

    #6910

    Robby McCullough
    Keymaster

    My pleasure!

    If you just need to have a different header image on each page, this is pretty simple with CSS. WordPress adds a class to the body tag with a page’s ID. So you can use that class to target a specific page. So you could use CSS to do something like this:

    .page-id-25 .fl-page-header {
        background-image: url('image-url-here');
    }

    Again, this would only work for background images or color. I can’t quite tell if that will suffice for your needs. Please do elaborate more on the requirements for the pages/headers if you’d like 🙂

    Thanks Gerry!

Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘Beaver Builder Theme’ is closed to new topics and replies.