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 |
---|---|
33 | |
26 | |
19 | |
9 | |
9 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023