Making Dawn product page fully 50/50 width with true stacked images

[mOONbOOTS]

Hi all,
 
I am struggling with getting the Dawn product page to be fully 50/50 width with stacked images. The current stacked images feature the main image, and every image after that is side by side, except 3D content and videos.

Example: https://us.louisvuitton.com/eng-us/products/lv-footprint-low-boot-nvprod4860057v/1ACNXG 

Thanks so much in advance!

[suyash1]

@mOONbOOTS - you want images side by side?

[mOONbOOTS]

I'd like them stacked on the left and product content on the right side with zero padding.

[suyash1]

@mOONbOOTS  like this?

[mOONbOOTS]

@suyash1 Yes 🙂

[suyash1]

@mOONbOOTS - please add this css to the very end of your css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> your css file

@media screen and (min-width: 64rem) {
.lv-product-page-header__secondary-info{width: 97%!important; max-width: 97%!important;}
}

[mOONbOOTS]

@suyash1 Unfortunately, that didn't work.

[suyash1]

@mOONbOOTS - is this product part of the theme or added via some external app or any code? because I am not able to see base.css file in this product page.

[mOONbOOTS]

@suyash1 It is part of the theme. It's just the basic Dawn theme product page.

[suyash1]

@mOONbOOTS - but it does not have base.css file, does it have any page builder or other template,  anything through which it is created?

[mOONbOOTS]

@suyash1 It has a base.css file. I am working from a fresh install of Dawn. No page builder or other template.

[suyash1]

@mOONbOOTS - this is strange, css file is not loading on this page hence it is not working, please contact theme support about this issue

[mOONbOOTS]

@suyash1 I believe you're referring to the Louis Vuitton website. That is not my theme. I used that as an example of what I want my theme to look like.

[suyash1]

@mOONbOOTS  can you please share your website link?

[mOONbOOTS]

@suyash1 I’m not sure how to do that exactly, but what I am trying to do is get my product page on the dawn theme to look just like the product page on the Louis Vuitton product page: https://us.louisvuitton.com/eng-us/products/lv-footprint-low-boot-nvprod4860057v/1ACNXG?gad_source=1...

I believe it’s possible since the Dawn them has a stacked option, only the images aren’t stacked one by one, and the page isn't full width, as in zero padding and touching the edge of the page.

[mOONbOOTS]

Hi all!

So, trying to simply it because I think I am confusing everyone.

This is what I would like my Dawn theme product page to look like:

This is how it actually looks like on Louis Vuitton's website: https://us.louisvuitton.com/eng-us/products/lv-footprint-low-boot-nvprod4860057v/1ACNXG

I believe it’s possible since the Dawn them has a stacked option, only the images aren’t stacked the same as Louis website, and the page isn't full width, as in zero padding and touching the edge of the page.