Archived topic
Page Header Problems
9 replies · Started by Jonathan on July 18, 2018
The header is not displayed correctly, the image I place in the background is not displayed correctly. I followed the step by step of your videos and the result is that you only see a small part of the background image after the menu. Here I send some images. Please help.
Configuration of Page Header
https://www.dropbox.com/s/hffc8uofpcu3dcf/SNAG-0004.jpg?dl=0
https://www.dropbox.com/s/ukhs1k4ik38aacj/SNAG-0005.jpg?dl=0
https://www.dropbox.com/s/lt0eowrk50qk2yn/SNAG-0012.jpg?dl=0
Configuration of Page called "1"
https://www.dropbox.com/s/gkcjtrk5gjkxwj2/SNAG-0013.jpg?dl=0
Result in the web pages:
https://www.dropbox.com/s/022h4tn8cm2glu9/SNAG-0014.jpg?dl=0
Hi there,
it looks like you need to increase the Top / Bottom padding in the page header, this is what controls the height of the container. So for 400px high you would add 200px.
Sorry but the problem is that it is not displayed correctly at the top of the page.
In other words, the background image does not appear above the menu.
Please look at the following images so that you understand me better.
Actually it looks like this:
https://www.dropbox.com/s/ix8eqc3bpgu9is4/SNAG-0018.jpg?dl=0
This is the configuration:
https://www.dropbox.com/s/5lcy5384nzxowep/SNAG-0015.jpg?dl=0
https://www.dropbox.com/s/bxcltzt5tm6tu68/SNAG-0016.jpg?dl=0
https://www.dropbox.com/s/0qgjt70fkj1fbpu/SNAG-0017.jpg?dl=0
https://www.dropbox.com/s/d0xp0x2k03uu3ug/SNAG-0019.jpg?dl=0
Aah ok my bad, so on the Page Header > Advanced tab, there is the option to Merge with Site Header. This article explains:
https://docs.generatepress.com/article/merging-the-page-header-site-header/
Excuse me, my problem persists, please watch the following video from the beginning until minute 1:10, in previous occasions I have never touched the advanced options for it, in the video they do not either.
What I want is for the page header to be seen above the menu, as shown in the video.
I do everything done in the video but the result is
https://www.dropbox.com/s/15z6zn4cwd3tngp/SNAG-0024.jpg?dl=0
Look at the following when I place the menu in the position above, the space that is generated in white between the image and the menu:
https://www.dropbox.com/s/tzluo85ab7m3lkj/SNAG-0025.jpg?dl=0
I appreciate your help
So in this picture:
https://www.dropbox.com/s/tzluo85ab7m3lkj/SNAG-0025.jpg?dl=0
you have from Top down:
Navigation (menu)
Site Header (the white section)
Page header
Is it the Site Header you wish to remove?
Please watch this video, and compare with the previous one that you send.
https://www.dropbox.com/s/kg5b4g1j8nnf7a7/Page%20Header.mp4?dl=0
I want it this:
https://www.dropbox.com/s/xyr7avuo47ud3au/SNAG-0029.jpg?dl=0
Help me please.
Hi there,
ok to place the navigation below the Page Header requires some PHP code:
add_action( 'after_setup_theme','craig_move_navigation' );
function craig_move_navigation() {
remove_action( 'generate_after_header', 'generate_add_navigation_after_header', 5 );
add_action( 'generate_after_header', 'generate_add_navigation_after_header', 15 );
}
Adding PHP Code: https://docs.generatepress.com/article/adding-php/
Then you can remove the Site Header in the Customiser:
1. Site Identity > Check Hide Site title and Check Hide Site Tagline.
2. Layout > Header > Set padding to 0.
Thank you so much.
You are the best.
Thanks - glad i could be of help.