Liquid, JavaScript, themes, sales channels
Dear Shopify experts,
I would like to ask if you know a way how to resolve following issue.
My eshop www.doramu.cz has search icon when browsing on the PC. However when I open the page on mobile the search icon is missing. I assume it would not fit, but can I make icons at the same time smaller?
Thanks,
Petr
Solved! Go to the solution
This is an accepted solution.
sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 640px) {
a.Header__Icon.Icon-Wrapper.hidden-phone.Icon-Wrapper--clickable {
display: inline-block !important;
}
}
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
a.Header__Icon.Icon-Wrapper.hidden-phone.Icon-Wrapper--clickable {
display: inline-block !important
}
@PetrMachacek
1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
a.Header__Icon.Icon-Wrapper.hidden-phone.Icon-Wrapper--clickable {
display: inline-block !important;
}
This is an accepted solution.
sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 640px) {
a.Header__Icon.Icon-Wrapper.hidden-phone.Icon-Wrapper--clickable {
display: inline-block !important;
}
}
Amazing worked like charm 😄
its my pleasure to help us
I dont have a theme.css file what should i do?
Hello @PetrMachacek!
Hope you are doing well.
Please add the below code in the theme.css theme file at the bottom to make it work as you need:
@media screen and (max-width: 640px){
.hidden-phone {
display: block !important;
}
span.hidden-phone {
display: none !important;
}
}
Hope this will help you out.
iCart Cart Drawer Cart Upsell App
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024