Hello, I have set the search bar at the right of the main menu to be hidden at:
Theme Panel > Header > Header Style > Search Position > Hidden
However, I can still see it on mobile web. How can I take away this on mobile too?
Thanks.
Hello!
This you can do it if you add this css code right here: https://www.screencast.com/t/YA8y0rEB
The code:
.td-search-icon {
display: none !important;
}
Hope that helps you!
Thank you!
Hello, thank you for the code. However, I do not have that mobile theme section on my theme panel. I have tried adding to the custom css part but the search icon is still here.
I am not using the mobile theme, but responsive layout will show the search icon on mobile web.
Site: AsWheatAsUs.com
Hello!
In this case, you can simply edit the responsive layout with TagDiv Composer. Click on the search icon, look about CSS section and there you will find an option called “Display” and you can choose “Hidden” from that list.
For more details, check this: https://www.screencast.com/t/P4CnQZ1n
Thank you!
I opened the homepage with TagDiv Composer, but I cannot find the search icon as I have hidden it on the theme panel. I tried to resize the browser to smallest but all content moves to the right top corner and I cannot view anything so I cannot see or click the search icon.
Hello!
I did a video about how to hide the search icon and also how to bring back a hidden icon and you can see here: https://www.screencast.com/t/kbYDi3OOjxu5
Hope that helps you!
Thank you!
I don’t understand. I followed your video, edit with TagDivComposer, when I click on the top area, it opens my website in a new page, I chose mobile view then click on the search button, it goes to search. I do not have those rows and columns as you do when mouseover the main menu and top logo.
Hello @SeaBlueHK!
Unfortunately, that seems to be a problem , we’ve added the issue to the bug list and meanwhile you can use this code and put it here: https://www.screencast.com/t/VdJz2V7ZtSb1
@media (max-width: 767px)
.td-header-style-9 .header-search-wrap .td-icon-search {
display: none;
}
We are sorry for the inconvenience and misunderstanding!
Thank you!
