Tagged: mobile menu, mobile menu search icon
Hi Kriesi
My search icon is not visible on a number of mobile screen sizes.
Where can I make adjustments for it to be visible and functional?
Is there a way to place the search icon next to the social icons on mobile view?
Also how can I hide my side menu on certain screen sizes e.g. 768 x 1024 so only the Hamburger menu shows and not both?
Thank you for your time and excellent theme.
Hi waveshaper!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@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: -90px;
right: 70px;
}
.responsive .main_menu {
float: right;
}}
Cheers!
Basilis
Hi Basilis
Thank you for looking into this, it steers me in the right direction. I am battling with it, but will let you know how it goes once I make progress.
Cheers
Hi,
Ok, thanks for the feedback. We’ll keep the thread open in case you should need any further help.
Best regards,
Rikard
My issue is that the search icon is displaying in my logo area on mobile. I tried to use the code from Basilis, but it removed the search icon and moved the hamburger menu to the logo area instead. Should I be referencing menu-item-search when trying to move the search icon over in the header?