Hello, I wonder if is it possible to place the secondary menu like in the website link below?
thanks again!
Hi ftt123!
Do you mean to display it in logo area? That would be possible using custom CSS. If you need help, please choose to display a secondary menu and post the link to your website.
Best regards,
Yigit
yes, I mean the secondary menu in the logo area (logo in the left), like in the example i am sending you. The link to my site is below.
Is it also possible to place a button like in the example?
thanks in advanced!!
Hi!
Please add following code to Quick CSS
#header_meta {
margin-top: -31px;
}
nav.sub_menu {
top: 75px;
position: relative;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 139px !important;
}
Than refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ to add widget area to your header and place your buttons inside a widget. You can also edit your secondary menu and add your buttons as menu items and customize them using menu item ID’s. If you need help with it, let us know! :)
Regards,
Yigit
Thanks again Yigit, for your quick answer, it works but unfortunately on tablet (vertical view) and mobile, the secondary menu items (now in the logo area) overlap the mobile menu .
Hey!
Can you please change the code to following one
@media only screen and (min-width: 1024px) {
#header_meta {
margin-top: -31px;
}
nav.sub_menu {
top: 75px;
position: relative;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 139px !important;
}}
Changes would be applied on desktop. Better solution in my humble opinion since smaller screensizes do not have enough space in header when header meta section is removed.
Best regards,
Yigit