My product has a large number of custom options. When scrolling down to the lower options, the upper price moves off the screen. How can I fix it at the top? You know, like the sticky header. I found an example website: METALLIC Blackout Motorized Zebra Blinds | Go Smart Blinds

Hello @xjj0124 , add this code in your css file at the end, If you want to scroll and sticky the price on mobile and desktop too, then use this code, div#price-template--21852144599343__main { position: -webkit-sticky; position: sticky; top: 9.5em; padding-top: 12px; margin-to…

Cassette Cordless Roller Blinds – My Store (df27e9-3.myshopify.com) pwd:lolyoh

It worked! Thank you so much and merry Christmas!

Hey Sir, sorry for bother you again, after I add your code, it works fantastic in the desktop, but on the phone page, there is a gap between the header and the price…

did you paste the first code or second one?

I believe the issue was caused by the announcement bar being sticky on desktop but not on mobile. So, I’ve disabled the announcement bar to resolve the problem. Thanks again for your help!

Hi Dani, thanks for this but I’m not sure exactly where to use the code? We also use the Dawn theme. Is it in the “Custom CSS” section in Online store > Themes > Customize > Theme settings > Custom CSS? Or in the edit code section on the theme itself?

The code needs to be added to the theme code, file: assets/base.css Add it at the very bottom so you can easily find it again if you need to. Depending on the product template you have, you may also need to edit the name of the div: div#price-template--21852144599343__main this should be div#wha…

How to make a sticky price while scrolling in Dawn theme

Store Design

Danishshopdev December 23, 2023, 5:11am 2

Please share url of the website

Topic		Replies	Views
Move price to bottom of the screen and make it sticky Store Design design , css , shopify-themes	1	35	August 14, 2025
Hello, why is my product header on my product page sticky to scroll Technical Q&A css , shopify-theme	2	42	January 14, 2023
Bug with sticky price and title - SENSE THEME Store Design	4	61	September 23, 2022
Sticky Bar sharing unwanted price on website Technical Q&A html , shopify-theme	4	34	February 27, 2025
DAWN THEME: how to make product description sticky on scroll up Store Design menu , liquid , design , customizations , collection-page , css , troubleshooting , html , product-page	1	88	March 31, 2025

How to make a sticky price while scrolling in Dawn theme

Related topics