Personalized checkout and custom promotions with Shopify Scripts
The size of the search box is quite big on the mobile version, also, I want to change the color of the search box's icon.
Solved! Go to the solution
This is an accepted solution.
Please add this code at the bottom of your assets/styles.scss.liquid file.
@media only screen and (max-width: 798px) {
.search__container .search__wrapper { margin-top: 10px; margin-bottom: 10px; }
.search__container input[type="text"] { height:43px !important; min-height: 43px !important; }
}
Hope this helps!
Thanks!
This is an accepted solution.
Unfortunately, after the resizing of the search box, the change didn't affect the search button either.
on the desktop looks perfect
But on the Mobile it doesn't
This is an accepted solution.
Please add the following code for the mobile search icon.
@media only screen and (max-width: 798px){
.search__button { min-height: 30px !important; height: 30px !important; font-size: 16px !important; }
}
Hope this will work.
Thanks!
Hello There,
Kindly share your store URL with me so that I can take a look and can suggest a solution for it.
.
.
.
.
.
.
.
.
.
.
..........
This is an accepted solution.
Please add this code at the bottom of your assets/styles.scss.liquid file.
@media only screen and (max-width: 798px) {
.search__container .search__wrapper { margin-top: 10px; margin-bottom: 10px; }
.search__container input[type="text"] { height:43px !important; min-height: 43px !important; }
}
Hope this helps!
Thanks!
This is an accepted solution.
Unfortunately, after the resizing of the search box, the change didn't affect the search button either.
on the desktop looks perfect
But on the Mobile it doesn't
This is an accepted solution.
Please add the following code for the mobile search icon.
@media only screen and (max-width: 798px){
.search__button { min-height: 30px !important; height: 30px !important; font-size: 16px !important; }
}
Hope this will work.
Thanks!
Your shop is password protected. Please share the password. I will check and provide a solution here.
Thanks!
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025