Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #110121
    tebitron
    Participant

    Hi,

    we’d like to move the primary navigation below the header. How should we go about?

    – Thanks.

    #110155
    Pratik
    Participant

    Hi @tebitron,

    Can you post in your site url?

    Regards,
    Pratik

    #110312
    tebitron
    Participant

    Hi @Pratik,

    here it is: http://geno.tt-develop.de/

    Thanks

    #110352
    Pratik
    Participant

    Hi @tebitron,

    For that, you will need to make modifications via child theme. First, make a child theme. Instructions for that is here: https://catchthemes.com/blog/create-child-theme-wordpress/.

    Then add following code in your child theme’s functions.php file.

    
    /**
      * Function to change header image position
      */
    function fabulous_fluid_change_header_image_pos() {
    	remove_action( 'fabulous_fluid_after_header', 'fabulous_fluid_featured_image_display', 10 );
    	
    	add_action( 'fabulous_fluid_header', 'fabulous_fluid_featured_image_display', 5 );
    }
    add_action( 'init', 'fabulous_fluid_change_header_image_pos' );
    

    This will make the desired changes. Let me know how it goes.

    Regards,
    Pratik

    #110477
    tebitron
    Participant

    Hello @pratik,

    thanks for your quick response – everything worked out.

    Just another question. How can I get the div.wrapper which holds the navigation to react the was the div#content-wrapper.wrapper does when resizing the screen? Basically I’m trying to have navigation and content aligned and fluid.

    Thanks.

    #110491
    tebitron
    Participant

    Hi @pratik,

    while we’re at it… I’d like to place two containers [left and right] in between header and navigation that allow me to place company logo and other linked information there, basically just above the navigation.

    Thanks in advance.

    #110533
    Pratik
    Participant

    Hi @tebitron,

    For first post, use following code:

    
    @media screen and (min-width: 990px) { 
        #site-navigation { margin-left: 0; }
    
        #masthead .wrapper { 
            max-width: 1260px;
            padding: 0 40px;
            margin: 0 auto;
        }
    }
    

    For second post, you need to hire a customizer as this is not solvable via custom css only. You will need to add the contents and style them accordingly.

    Regards,
    Pratik

    #110539
    tebitron
    Participant

    Thanks a lot @pratik.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Navigation below the Header’ is closed to new replies.