Tagged: mobile search
Hi,
On a website I designed in spring this year, the search icon is not displayed on mobile. It’s part of the main menu, but I rather have it separated from the hamburger, instead of being part of the mobile menu.
How can I display it on mobile again?
Hey boemedia!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1024px) {
#menu-item-search, nav.main_menu {
display: block;
}
.av-main-nav > li { display: none; }
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Yigit,
It does display on ipad now, only in a very ugly way. No sign of the icon on mobile phone though.
KR
Monique
Hi Monique,
Please try the following as well:
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu {
display:block !important;
}
#advanced_menu_toggle {
right:30px !important;
}
}
Best regards,
Rikard
Hi Rikard,
Only just got round to implementing this. So it is visible now, but looks very ugly… What would be a good way of providing decent search on mobile? I’m not to pleased with this solution…
Hey!
You can alternatively refer to this post – https://kriesi.at/support/topic/search-bar-4/#post-669950
Best regards,
Yigit