header widget position with menu float right

Hi there,

Try adding this CSS:

.header-widget {
    clear: both;
}

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

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;
}

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

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?

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.

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