Global expansion, localizing content, and selling in multiple currencies and languages
Hello, how can I make the product image bigger (that covers the whole screen) on the phone, just like this example:
This is the one I want to make bigger:
Link: https://innovamaxx.co/products/pm
I appreciate your help on advance!
Hi!
Head into your pre_theme.min.css and search for the following code:
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
Set the values of padding-right and padding-left to 0 🙂
Hello @WoodyDev, thanks for your help!
It worked, but the problem is that it replicated it to the whole page and not just to the image section. Is there any way to apply it only to the product imagary
From what i can see the whole page is within that container and the container is what has the padding, so it would require a re-code of the product page layout to apply it only to the image.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025