Product media gallery being a separate scroll from product content

[mOONbOOTS]

Hello,

Can anyone help me with a code that will put my vertically stacked media gallery in a scroll box exactly like this website has done: https://www.houseplant.com/products/gloopy-ashtray-by-seth-in-red-aqua ?

I want the media gallery to be a separate scroll from the product content on the right side.

Thank you!

[Mike-Consentik]

Hi @mOONbOOTS 

This is Mike from Consentik

Could you leave your store URL then I can take a look?

[mOONbOOTS]

This exactly what mine looks like: https://themes.shopify.com/themes/dawn/styles/default/preview 

[Mike-Consentik · Accepted solution]

Hi @mOONbOOTS 

You can use this solution.

1. Open Theme -> Edit Code

2. Find file base.css and paste this code to the bottom of file:

.product.product--left ul.product__media-list.contains-media {
    max-height: 74vh;
    overflow: scroll;
}

Hope my solution will help you

Mike from Consentik

[mOONbOOTS]

"Harry - yer a wizard."

Thank you!