On product page make images on the left scroll and information on the right sticky

Store Design
1

I currently need asisstance with making the product images scroll (on left hand side) whilst the information (on the right) stays put.

Currently on PC the changes someone made are incorrect. The information on the right is hiding. On a mac the issue seems to be working.

Can someone please assist!

1 Like
2

@tscan2

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @tscan2 ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.template-product #PageContainer{
	overflow: visible !important;
}
.product-details{
	align-items: flex-start;
}
.product-details__info{
	position: sticky !important;
    top: 100px;
}
.product-details__info .hidedesc {
	display: block !important;
}

Hope it helps!