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!
User | RANK |
---|---|
2 | |
2 | |
2 | |
2 | |
2 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023