How can I maximize my product details page to full screen?

[JeanACNOC]

How ca I make it full screen of wide spread, is there a code?

[Solutions1]

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

[Kinjaldavra · 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 ;
}
}