Header Layout: Logo left, Widgets right, menu below

Hey misterman,

Thank you for the inquiry.

You have to update the theme to version 4.8.6.3 first before doing the modifications described in the previous thread. After the update and after adding the css code, make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to regenerate the scripts and stylesheets. The update should also revert the Appearance > Widgets panel to its classic display and fix the errors.

Best regards,
Ismael

Hi,
Thank you for your patience and the link to your site, in order to replate the Header Layout: Logo left, Widgets right, menu below on your site I had to change your header widget function from ava_main_menu to ava_after_main_menu for the widgets to be placed in the correct place.

add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}

and the order of this css needed to be 5, instead of 1

.responsive #top #header #header_main .inner-container .main_menu {
    order: 5;

now your header looks like the example, please clear your browser cache and check.

Best regards,
Mike