maximize product details page

Solved
JeanACNOC
Excursionist
16 0 4

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

Screen Shot 2021-06-19 at 10.09.39 AM.png

0 Likes
Solutions1
Explorer
100 12 23

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

0 Likes
Natztech
Shopify Partner
1298 355 891

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 ;
}
}
Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes