Site logo

Archived topic

Page Header Problems

9 replies · Started by Jonathan on July 18, 2018

Viewing posts 1–10 of 10

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

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.

https://vimeo.com/160180419

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

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.

This archived topic is closed to new replies.