Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello. I changed my product description to full page width. My pictures in my description are too big and I can't figure out how to resize them. Is there a code to automatically fit it? Also, for it to fit perfectly on mobile view too. I'm having an overlapping issue with my description images.
Thanks
This is Noah from PageFly - Shopify Page Builder App
I can help you. Please can you provide the website url. Thank you.
Best regards,
Noah | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
caseiry.com
Thank you
Hi @caseiry I have check in my phone but it show normal , you can see image: https://monosnap.com/direct/mkZx0bb0wR0nwu6v53R5HEOXOYFXQe
You can try add code here in file theme.liquid and above tag </head>:
<style>
html,body{overflow: hidden !important;}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
The issue arises when you scroll down to the description. If you are on mobile, you can zoom out completely like on the picture I sent.
Iam sorry about that. In my device it not have issue. You can clear cache browser and try again, and if still you can provide me type mobile you check. Because in my mobile and laptop it not have issue.
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Yes sorry. I was editing my website and I had published a different theme which didn’t have that code in for the full page width. I just changed it back so you should be able to see it now. My mistake, forgot that theme didn’t have it set up yet. Thanks again
Hi @caseiry You can follow add code here in file theme.liquid and above tag </head>:
<style>
@media only screen and (max-width: 767px) {
.detail-desc-decorate-richtext div img{
width: -webkit-fill-available !important;
}
.detail-desc-decorate-richtext img{
width: -webkit-fill-available !important;
}
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Where exactly should I implement it?
hi @caseiry You can add code it in here:
Or you can add code it in the end file base.css but you need delete tage <style> and </style>.
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey I tried both and nothing my brother.
What an issue.
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