Tagged: header widget, Sidebar Menu
I like a lot how easy it is now to add a header widget to a sidebar main menu.
However, I need the widget above the main menu, directly below the logo.
Can you help?
Thanks in advance!
Lena
Hi Lena,
Please check this article in our documentation: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Hope it helps.
Best regards,
Nikko
Thanks Nikko,
I’ve read everything and done the following, but it doesn’t work.
Insert the following code to activate the header widget area:
//——————————–
// Header widget area for menu below
//——————————–
add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}
The widget is now displayed above the logo. So I’m trying to position it like this:
.logo { order:1 }
.widget { order:2 }
.main_menu { order:3 }
But the order does not change.
Previously I had used the following setting to display the widget area in the sidebar:
enfold –> general layout –> Main Menu Sidebar –> “header”)
With this order definitions don’t help either…
Hi Lena,
Please try to add this CSS code as well:
#top .av-logo-container .inner-container {
display: flex;
flex-direction: column;
}
.av-sidebar-social-container {
order: 4;
}
Hope it helps.
Best regards,
Nikko