STUDIO theme - How to make product page wide layout

Store Design
1

STUDIO - How to make a product page-wide layout

The frame on the product page looks very narrow and I want to have a wide frame to display the products

Pls see attached photo for your understanding

2

@Aadhiss - can you please share this page link?

3

https://adameda.com/

4

@Aadhiss - please add this css to the very end of your base.css file and check, it should work properly on bigger screens

@media screen and (min-width:1400px){
.page-width {max-width: 100%;}
}
5

Hi @Aadhiss

This is Richard from PageFly - Landing page builder, Iā€™d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
    .page-width[id^="MainProduct-template"] {
        --page-width: 90%;
    }
    .product__media-wrapper .pmslider-root.pmslider-root--dl-v {
        max-width: 100% !important;
    }
}

PageFlyRichard_0-1678520420444.png
PageFlyRichard_0-1678520420444.png1835Ɨ838 311 KB

NOTE: You can change 90% to fit your website

I hope it would help you
Best regards,

Richard | PageFly

6

Thanks, man, it is working well.