Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #85862
    Catchemall
    Member

    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

    #85897
    Pratik
    Keymaster

    Ignore this reply and view the one below this.

    #85898
    Pratik
    Keymaster

    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

    #85911
    Catchemall
    Member

    Thank you, I will try this!

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

    Regards

    #85958
    Pratik
    Keymaster

    Hi @Catchemall,

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

    Regards,
    Pratik

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Move Navigation Bar’ is closed to new replies.