Easy way to get a transparent header beside a regular one

BB Theme
1

Hello,

I love to work with the Beaver Builder Theme and the Beaver Builder Plugin. What I’m trying to achieve is a transparent header for the entry site.

At the moment I tried the blank template and added a row with 2 columns. I inserted a Photo-Module left (for my logo) and a Menu-Module on the right side. Unfortunately the menu uses a totally different Font compared the my regular menu. Beside that, the spaces for this header section are totally different to my regular header.

Do you have a tip how I can build an exact copy of my existing regular header but as a transparent version? (Of course, the color of the Logo and the color of the menu should be different)

Thanks in advance
Bastian

2

Hey Bastian,

Take a look at the KB article below. :slight_smile:
http://forum.wpbeaverbuilder.com/knowledge-base/transparent-headermenu/

Ben

3

Hi Ben,

thanks for your fast answer and the link you provided.
But where do I enter the different values for my transparent header.

I have a colored logo and a black menu on my regular header. On the transparent header I have a white logo and a white menu. Where do I change this?

Thanks in advance
Bastian

4

And by the way. How do I get the footer back if the blank template is chosen?

Thanks in advance
Bastian

5

Hey Bastian,

Sorry, quite confused here. Are you trying to place 2 different logos on your site? One for the transparent and another for the regular? You won’t be able to do that. I’m not even sure if there are themes out there that offer that kind of functionality. For the menu, you can place with it via custom CSS.

There’s no way to get the footer back if you use the No Header/Footer template. You can create another page template though, simply make a copy of the file tpl-no-header-footer.php, rename it, change the template name, then remove this part of the code add_filter( ‘fl_footer_enabled’, ‘__return_false’ );. I’d suggest doing this in a child theme.

Ben

6

Hi Ben,

oh yes. The popular Enfold Theme by Kriesi can handle 2 different logos. One for the regular one, and one for the transparent one.

Thanks in advance
Bastian

7

Hey Bastian,

Wow, those themes exist? Sorry, not really a theme guy. I usually just hard code stuff when I need to. Anyway, such functionality isn’t available on our theme. Even the transparent header isn’t part of the theme, we just forced it to by using custom CSS.

Ben

8

Hi Ben,

that is ok and no problem. Just wanted to say…

But thanks for your help anyway!

9

Thanks for your tip with creating a new template. I did exactly what you mentioned, but the new template is not available within my site. I copied the new template to my child theme folder and renamed it. Do I have to do something else?

10

Resolved! You have to rename the file and the template name inside this file! :slight_smile:

Thanks Ben!

11

Glad you figured it out! Have fun with BB! :slight_smile:

Ben