[Resolved] How to put sek. menu under page header

[Katharina]

Hi there,

I want to look every page like the home page, just with another header image:

https://alpecon-kulturtechnik-at.huberwebmedia.at/wordpress/

but if i use the page header add on, i only get to look it like this:

https://alpecon-kulturtechnik-at.huberwebmedia.at/wordpress/kleinkraftwerke/

how can i put the sec menu under the page header image?

thank you
Katharina

[Leo]

Hi Katharina,

I think the best way is to use CSS to switch out the header background image.

So this should work for this page: https://alpecon-kulturtechnik-at.huberwebmedia.at/wordpress/kleinkraftwerke/

.page-id-14 .site-header {
    background-image: url(https://alpecon-kulturtechnik-at.huberwebmedia.at/wordpress/wp-content/uploads/2017/01/Titelbild.jpg)
}

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

You would just need to use the same code and replace page ID number and background image URL for other pages.

Let me know if this helps.

[Tom]

You could move the page header up above the menus with this function:

add_action( 'after_setup_theme','tu_move_page_header' );
function tu_move_page_header() {
    remove_action('generate_after_header','generate_page_header', 10);
    add_action('generate_after_header','generate_page_header', 1);
}

Adding PHP: https://docs.generatepress.com/article/adding-php/

Let me know if that helps or not 🙂

[Katharina]

Hi,

thank you again for your fast and helplful reply! You’re doing such a great job, the theme itself is great and with your support i really solved every issue.
I first tried out the function tom gave me – it works perfectly.
So i didn’t even have to try Leo’s CSS solution…

best regards
Katharina

[Tom]

Awesome, glad I could help! 🙂

[Author]

Posts