All things Shopify and commerce
Hi guys,
Im experiencing this issue on mobile display where my product images and name are overlapping on each other. Is there any way to fix this.
Issue picture attached;
Solved! Go to the solution
This is an accepted solution.
Hi @Naveed5
I have written a CSS to fix the issue.
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media only screen and (max-width: 750px) {
.grid--1-col .grid__item {
max-width: 100%!important;
width: 100%;
}
}
<style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards
Makka
Can you save the changes and review this on actual mobile? In most of the case mobile layout doesnot look like this in real.
Also can you please provide link to your site. I will review it and give u a feedback.
Yes sure. It lookes the same asfter its saved
This is an accepted solution.
Hi @Naveed5
I have written a CSS to fix the issue.
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media only screen and (max-width: 750px) {
.grid--1-col .grid__item {
max-width: 100%!important;
width: 100%;
}
}
<style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards
Makka
yessir. it worked. thanks alot
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024