[Catchemall]

Me again, sorry for bothering you so much. ^^

I would like to move the navigation bar under the header image. I used margin-top for that, but something strange happened: now when the WP Editor shows the page like I wanted – with the navigation bar directly underneath the image – it’s displaced when I check the website and hides a part of the header image.

I changed it so that there is some space in the editor, but it appears that the navigation bar is changing it’s position on different screens. So when I thought it was alright on another screen the navigation bar was displaced again.

Do I have to change something else, to make it work?

website: talkingstories.de

[Pratik]

Ignore this reply and view the one below this.

[Pratik]

Hi @Catchemail,
If you want the menu under header image, you can do it by using child theme.

Since you are already using the child theme, I will skip the part about creating it.

Now add following code in you child theme’s functions.php:

/*
 * Move primary menu below header image
 */
function catchresponsive_move_primary_menu() {
    remove_action( 'catchresponsive_after_header', 'catchresponsive_primary_menu', 20 );
    add_action( 'catchresponsive_after_header', 'catchresponsive_primary_menu', 50 );
}
add_action( 'init', 'catchresponsive_move_primary_menu' );

Please remove any custom css you have added.

Let me know if this works out or not,

Regards,
Pratik

[Catchemall]

Thank you, I will try this!

I changed the margin values to percent, that seems to solve my problem too. 🙂

Regards

[Pratik]

Hi @Catchemall,

Margin works but might be disrupted on some devices. Please post in if you have further questions.

Regards,
Pratik

[Author]

Posts