Hey @AlexandraM93!
I have found another community thread where a Shopify Expert has provided the coding needed to implement product media within the Supply Theme:
We also have some great Shopify resources that go into more detail about making this change to your theme:
I wouldn't recommend making the Supply theme any wider as it isn't designed with a wide layout in mind. For options to have a wider theme, I'd check out a theme designed with a wide layout from the Theme Store. Changing the width of the main site wrapper in Supply will slightly mess up the quality of the slideshow and your grid layout across the site on larger screens.
Although, if you wanted to give this a try, you just need to add the following to the bottom of the theme.scss.liquid file:
main.wrapper {
max-width: 1060px;
}
Followed by adjusting 1060px to whatever you prefer. For further guidance, you can check out this community thread where a few merchants had the same request:
Important Coding Reminders: If you make changes to the original code and save the changes, you will not be able to revert back. We always suggest you first duplicate the theme and work in the duplicate. That way you can always go back to your previous version. If you need custom changes but would prefer the help of a developer we recommend Shopify's own Expert Marketplace.
As you continue to customize your theme, it’s a good idea to make design and content choices that help to keep your online store accessible. I suggest taking a look at this guide for tips on providing an inclusive experience for your customers. We also have a fantastic help doc that goes over all the ways you can customize your Shopify Supply Theme.
Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
