Global expansion, localizing content, and selling in multiple currencies and languages
Hello, I would like to make the product page smaller, just like this:
This is my website: https://lovelmexico.com/products/depilador
Thank you for your help on advantage!
Hi @jtorres,
Please use the code below
1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.
[data-section-type="product"] .container.container--flush {
max-width: 1200px;
}
@made4Uo It worked very well! Thank you. But could you give me a code to make the whole page smaller?
Hi @jtorres,
My understanding is only the product page, not including the header or the footer. If so, please replace the code provided with the code below
[data-section-type="product"], [data-section-type="product-recommendations"], [data-section-type="recently-viewed-products"], #shopify-section-static-text-with-icons, #vitals-end-section {
max-width: 1200px;
margin: auto;
}
[data-section-type="product"] > div, [data-section-type="product-recommendations"] > div, [data-section-type="recently-viewed-products"] > div {
padding: 0;
}
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025