[tebitron]

Hi,

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

– Thanks.

[Pratik]

Hi @tebitron,

Can you post in your site url?

Regards,
Pratik

[tebitron]

Hi @Pratik,

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

Thanks

[Pratik]

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

[tebitron]

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.

[tebitron]

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.

[Pratik]

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

[tebitron]

Thanks a lot @pratik.

[Author]

Posts