Stickied content on product page gets cut off by stickied header in Trade theme 15.2.0

Store Design
, ,
1

Hi there, store is: https://nostalgiamall.shop/products/ssx-blur-wii-2007

I want my product image to remain static on the page when scrolling, so I’ve enabled the sticky content on desktop. However, I also have my header stickied and those two settings are conflicting with each other. The product image scrolls slightly and when it stops, the top portion is cut off by the header.

Screenshot 2024-12-30 at 9.54.12 AM.png
Screenshot 2024-12-30 at 9.54.12 AM.png1178×846 275 KB

I would like the scroll to stop just above the top of the image and product title line. Ideally, I would love it if at that point only the product description scrolls until it reaches its end and then the rest of the screen continues. Meaning, I would love it if I could have the product image, title, condition, price, and buy button all stickied until someone scrolls through the whole description text.

Screenshot 2024-12-30 at 9.55.22 AM.png
Screenshot 2024-12-30 at 9.55.22 AM.png1305×862 329 KB

2

Hello,

You can able to do it by the some custom coding on your store. If you friendly with the custom coding then you can do it your self and if you don’t have any knowledge about the custom coding then please visit the shopify partner directory and hire a developer for do it.

If you want to help by us then you can feel free to message for any help. We also attached a video in this post about your requirement.
Video URL: https://drive.google.com/file/d/1zBnobr-xPsfq9Ov2M_qxiD0LEz-QBXXl/view?usp=sharing

Thank you