Enfold – needing help adding in a second custom widget block in header

Hi All,

Running the latest Enfold theme over here with a clients site:

I’ve been able to create a widget in the header (to the right of the logo) using another thread here – above link appears as the block of text called ‘Questions about Impaired Driving…’

What I’m needing to achieve is to have a SECOND text widget (just like the first) but needs to be to the right of the first Widget. So header of the site would go: LOGO — WIDGET 1 — WIDGET 2 AND have all three tile correctly on mobile devices…

Functions.php updated to:

add_action( ‘ava_before_bottom_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}

CSS updates in the Theme admin I have these set to:

#header_main .widget {
float: right !important;
padding: 10px 0 20px;
width: 65%;
}

#header_main .textwidget {
line-height: 24px;
}

@media screen and (max-width: 768px) {
#header_main .widget {
float: left !important;
width: 100%
}
}

By no means am I an expert, but added this to the the functions file (creates a second widget ok – BUT have no idea what to use for CSS code… unfortunately as-is it just puts it below the first widget :(

add_action( ‘ava_before_bottom_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
dynamic_sidebar( ‘header-two’ );
}