Tagged: header, widget area
HI,
I need to inject a widget area inside the <div class=”inner-container”> of the header, right after the logo.
Now it is injected straight into the <div id=”header_main” class=”container_wrap container_wrap_logo”>, after having applied the solution provided in:
http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
(the solution given for “the layouts with the menu below the header”).
Moreover, I think this would be a better solution for most users as it keeps things tidier,
makes easier to maintain the right layout across viewports and it is more semantic.
Thanks!
Regards,
Diego
Hi,
I’ve just found the solution in another thread, Adding a header widget to the logo container (sorry, yesterday I could not find it :)), so the solution consists in adding the following piece of code to functions.php:
add_action( 'ava_before_bottom_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}
I believe this solution should be added to the guide Enfold Theme Documentation | Adding a widget area to the header, given the fact that it is absolutely necessary for those users who are pursuing to keep the widget area aligned to the right of the container of the header – as opposed to the header itself – specially for viewports wider than 1310px. Obviously, custom CSS will be needed, for example:
#header_main .inner-container .widget {
position: absolute;
right: 0;
padding: 0;
}
Regards,
Diego