DAWN THEME: how to make product description sticky on scroll up

DAWN THEME: how to make product description sticky on scroll up

skymochi
Excursionist
55 0 8

Hi, how do i make my product description, title, variants all STICKY or stay in place when scrolling up?

 

Screenshot 2025-03-24 at 8.55.23 PM.png

 

as you can see my text is not sticky and moves up as I scroll up to additional photos. I'd like it to be sticky or stay static as seen in the screenshot as I'm scrolling up. https://koredoko.com/products/the-cocoon-tank

 

Screenshot 2025-03-24 at 8.55.29 PM.png

Reply 1 (1)

Dotsquares
Shopify Partner
390 25 52

hi @skymochi 

To make the product description sticky on scroll up in the Dawn theme, you can use CSS. Try adding this to your theme’s CSS file (base.css or theme.css):

 

.product__info-wrapper {
    position: sticky;
    top: 20px;
}

 

If you need it to be more dynamic or only activate when scrolling up, you may need a bit of JavaScript.

 

 

Dotsquares Ltd


Problem Solved? ✔ Accept and Like solution to help future merchants.


Shopify Partner Directory | Trustpilot | Portfolio