Liquid, JavaScript, themes, sales channels
This is an accepted solution.
@media only screen and (min-width: 1024px){
#content-wrap{
margin: 0 auto;
max-width: 100%;
padding: 0 55px;
}
.stamped-container{
max-width: 100%;
margin: 30px auto!important;
border: none!important;
padding: 0 !important;
}
#shopify-section-product-template img {
min-width: 100%;
}
.column-max.no-padding-top{
margin: 0 auto;
min-width: 1280px !important ;
}
}
Hello JeanACNOC!
the page width is restricted by the wrapper element. In order to make it bigger you would need to set its max-width property to be bigger using CSS like so:
.template-product .wrapper {
max-width:1600px;
}
You would need to add that to the bottom of your theme.scss.liquid asset file
Hope this helps!
Thanks
Solution1
This is an accepted solution.
@media only screen and (min-width: 1024px){
#content-wrap{
margin: 0 auto;
max-width: 100%;
padding: 0 55px;
}
.stamped-container{
max-width: 100%;
margin: 30px auto!important;
border: none!important;
padding: 0 !important;
}
#shopify-section-product-template img {
min-width: 100%;
}
.column-max.no-padding-top{
margin: 0 auto;
min-width: 1280px !important ;
}
}
User | RANK |
---|---|
21 | |
21 | |
9 | |
7 | |
6 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023