-
Posts
-
I would like the burger menu on mobile to show the search icon as well so that mobile visitors may search the site. I added the following code from a different thread, but now I have two burger menues, one with search and one without:
/*add search to mobile menu*/
@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
display: block !important;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
display: block!important;
margin-top: -86px;
right: -27px;
}
.responsive .main_menu {
float: right;
}}
@media only screen and (max-width: 767px) {
li#menu-item-search>a {
font-size: 28px!important;
}
nav.main_menu { float: right; margin-right: -3.1%; margin-top: 2%; }}
@media only screen and (max-width: 767px) {
#menu-item-burger {
display: none !important;
}}Any help is appreciated,
NicoleHey Nicole,
Thank you for using Enfold.
If you enable the search icon Dashboard -> Enfold -> MainMenu -> Append search icon to main menu
the icon should be displayed by default together with the burger menu.
Can you create an admin account for us so we can check the backend?
Best regards,
GünterGuenter – Thank you. You reminded me that I had built this on an old version of Enfold until the client decided to buy the site and, as a result, had adjust the functions.php file in the child theme. If you remove the second reference to a mobile burger menu, you only get a single menu! Problem solved. :). Building too many sites at once I guess.
NicoleHi,
Glad you figured it out! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)Best regards,
Yigit
- The topic ‘Double burger menu on mobile’ is closed to new replies.