header widget position with menu float right

[Jasper]

I’m using the menu float right option. The header widget stays on the right side of the header but i would like it all the way right above the menu. Can i achieve this? See link for clarification.
http://pattern.sierink-wp.nl/nl/home/

[Tom]

Hi there,

Try adding this CSS:

.header-widget {
    clear: both;
}

[Jasper]

almost there, it puts it on the right but below the menu. I lik eto have it above the menu.

I tried Clear: left or right but no luck either

[Tom]

Ah, you can try some code like this:

.inside-header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
 }
    
.header-widget {
	-webkit-box-ordinal-group: 2;  
	-moz-box-ordinal-group: 2;     
	-ms-flex-order: 2;     
	-webkit-order: 2;  
	order: 2;
}
	
.main-navigation {
	-webkit-box-ordinal-group: 4;  
	-moz-box-ordinal-group: 4;     
	-ms-flex-order: 4;     
	-webkit-order: 4;  
	order: 4;
}

[Jasper]

sorry, that does not work either: http://pattern.sierink-wp.nl/nl/home/

one other thing i noticed is that the widget disappears on mobile view, also without these css customizations

[Tom]

You’re using the mobile header which excludes the header widget.

Where exactly are you wanting to place it? Why not within the navigation as a menu item?

[Jasper]

I would like it top right corner.
But on the righthand side in the menu is fine as well. I didn’t think about it since it is a widget, I’ll have to look into placing a widget in a menu.

[Tom]

If you ask the plugin developer they may have an option to add it directly into the menu.

[Author]

Posts