Hi,
1st.: How to make a full screen burger-menu (on desktop) drop-down from top, in stead of fly-in from the right?
2nd.: how do I keep our logo visible,
– and 3rd.: how do I place a search-bar in top of the menu?
For reference to all of the above, please look up the links under private content.
Best regards,
Mr. Palle Dahl
Hey,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
.html_av-overlay-side .av-burger-overlay-scroll {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
div .logo {
z-index: 110;
}
Best regards,
Yigit
Thanks.
Worked nicely in regards to keeping the logo in front.
Do you also have the solution for the menu rolling down from top in stead of flying in from the right?
Best regards
Palle
Hi Palle,
The first part of the code is to make it roll down from the top. It works fine on my end. Please flush your browser cache and refresh your page a few times.
Regards,
Yigit
Hi Yigt,
Thanks. You were right – roll down from the top works now as well.
Perfect !
3rd issue is how to place a search bar centered in top of the roll down meny
and as bonu how to make menu background partionally transparaent ?
Best regards,
Palle
Hi Palle,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top #wrap_all .av-burger-overlay-scroll {
background-color: rgba(0, 96, 156, 0.95);
}
To add a search bar, please refer to this post – https://kriesi.at/support/topic/searchfield-in-menu/#post-1365702
Best regards,
Yigit