Different Header for pages

[Georgios]

Hello

i have searched for this in the forum but i didnt find the answer

Is there a way to have Different Page header for different pages ?
Example : i have pages : services, contact and i would like different header for page services and different for contact page
i use BB to create 2-3 headers so i want (example) Header1(created with BB) to be for specific page and header2(created with BB) to another page etc.

(I was looking at Beaver Tunels but i am not sure if this plugin can do that? anyone has any experience?)

Thank you

GeneratePress 1.3.46

[Leo]

Hi Georgios,

You can use GP’s Page Header add-on: https://docs.generatepress.com/article/page-header-overview/

Let me know this is what you are looking for.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Thanks Leo:)
Yes that is a solution but i need this to be done with BB and to be editable through BB
If i do it using GPP page header then i cannot edit it with BB and i want specific styles and elements in the page header by using BeaverBuilder
So i wonder if there is a known workaround or BeaverBuilder addon? to do that?

It isnt GPP issue i guess but any solution to that will be appreciated
thank you very much

[Leo]

Does BB give you a shortcode for those page headers you created?

If so you should be able to use GP hooks with conditional statement for each page.

Let me know if you need more info 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Hi
i managed to do that exactly like i want building anykind of header for any page using the BB Beaver Themer (its beta yet)
worked fine

Thank you Leo:)

[Georgios]

Leo

i wonder about this you wrote : GP hooks with conditional statement for each page.

How can i use hooks for specific page ? i thought that hooks set global action
thanks

[Leo]

You would do something like this:

<?php if ( is_page( 'my-page-slug' ) ) { ?>
    Page "my-page-slug" specific content
<?php } ?>

More info on conditional tags here: https://codex.wordpress.org/Conditional_Tags

Let me know if you need more info 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Thank you very much Leo. thats very usefull

🙂
Georgios

[Leo]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Leo hello

i am trying to use that code for different header in different pages with Elementor but i cant get it to work
can you please write me the code lines to place in hooks ?

for example my header page is : header1

many thanks
Georgios

[Leo]

You could try adding the short code into the Page Header metabox first: https://docs.generatepress.com/article/page-header-content/

If that doesn’t work, then the code for hooks should be something like this:

<?php if ( is_page( 'PAGE-SLUG' ) ) { ?>
    Shortcode here
<?php } ?>

Obviously PAGE-SLUG needs to be replaced by your actual page slug.

Let me know if this makes sense.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

Thank you , the 1st way works but now i lose main menu behind the header
i tried with options and transparency but no luck
this is the page : https://gegeor.net/gr/sample-page/
i can see my menu loading behind custom header

any ideas to solve that?
thank you very much:)

[Leo]

Are you wanting to merge? If so this should help:
https://docs.generatepress.com/article/merging-header-navigation-content/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Georgios]

yes! you are correct again! Thank you very much!

[Leo]

You’re very welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts