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 ;
}
}
This blog post is a recap of the webinar Getting Ready For BFCM: How To Run A Flash Sal...
By Jacqui Oct 3, 2023Explore 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, 2023