[Resolved] header configuration – logo menu and widget

[Ketil]

Hello. I have set up the site header area with the menu floating to the right, 20 px height.
I’m using a small logo added from “customize”. The menu appears to the top right of the contained header area. The icon is heigher than menu, and this leaves an empty area below the menu, over the content.
I would like to put header-widgets in this area, but they are placed above the menu as default.
Any way I can place them below instead? I’ll put a screenshot in the mail to show what I mean.

[Tom]

Try adding this PHP:

if ( ! function_exists( 'generate_header_items' ) ) {
	function generate_header_items() {
		generate_construct_site_title();
		generate_construct_logo();
	}
}

add_action( 'after_setup_theme', 'tu_move_header_widget' );
function tu_move_header_widget() {
    add_action( 'generate_after_header_content', 'generate_construct_header_widget' );
}

[Ketil]

In header.php, or one of the theme-files?

[Tom]

Using one of these methods: https://docs.generatepress.com/article/adding-php/

[Ketil]

http://wp.kuldetech.no/
I’ve added the work “her” to show widget.
Added your code with code snippets, cleared cache, but still appears above the top menu

[Tom]

Did you make sure to activate the code snippet?

[Ketil]

I didn’t go under, but popped to the left of menu. would add screenshot, should I send in mail?
Can look at wp.kuldetech.no, but I might remove the FB-icon if client reacts to placement.

[Tom]

Try adding this CSS now:

.header-widget {
    clear: both;
    margin-top: 10px;
}

[Ketil]

Yes, that worked, thanks!

[Tom]

You’re welcome 🙂

[Author]

Posts