Archived topic
Mobile search location
3 replies · Started by Dan on July 4, 2021
Viewing posts 1–4 of 4
I have the search icon in my menu, and on desktop it is fine. But what I want is to have it located in the burger menu on mobile, instead of next to the menu icon. Is this possible?
Hi Dan,
You can hide the search function on the header on mobile viewport and go to Appearance > Widgets to add in a Search Widget on Off-Canvas Panel.
To hide the search on the mobile header, add this CSS:
nav#mobile-header span.menu-bar-item.search-item {
display: none;
}As for the search widget, you can click the said widget's dropdown toggle and select Off-Canvas widget area to place it as shown here - https://share.getcloudapp.com/kpuDlOwk
Brilliant, Elvin. Thank you for the elegant solution.
No problem. Glad to be of any help. :D
This archived topic is closed to new replies.
