Hi, I have a little issue. I removed the search icon from the mobile version two months ago but i would like to have it back next to the burger menu. Can someone help me please? www.taneau.com
Topic summary
A user wants to restore the search icon on their mobile site header after removing it two months ago. They want it positioned next to the burger menu.
Proposed Solution:
- Add CSS code to the theme files via: Online Store → Theme → Edit code → Assets → base.css
- The suggested code uses a media query targeting screens up to 767px width to display the header search element
Current Status:
- Initial code attempts have not worked for the user
- A support professional provided updated code with
!importantflag added to the display property - The user shared a screenshot showing their current base.css file but reports the solution still doesn’t work
- The discussion remains ongoing with troubleshooting in progress
Hello @atm19 ,
To Resolve Your Queries You need to add some Code
Please follow the path :
Go to the Online Store-> Theme-> Edit code-> Assets> base.css → Add code at the bottom.
@media screen and (max-width: 767px) {
.header__search{
display: block;
}
}
doesnt work… any other options please
Hello @atm19 ,
Sorry For the the Trouble Here is the code you can try i hope this will hepl
Please follow the path :
Go to the Online Store-> Theme-> Edit code-> Assets> base.css → Add code at the bottom.
@media screen and (max-width: 767px) {
.header__search{
display: block !important;
}
}
This is the same code only small changes is there please apply .
Hello @atm19 ,
You have to copy above code which i have provided this Code and Paste to base.css file In Editcode.