Remove Narrative Theme Fixed Add to Cart Button

Solved
Sebastian_Søe-P
Shopify Partner
2 0 1

Narrative Theme
By default, when scrolling the product page on a desktop, the 'add to cart button' remains fixed/sticky. Does anyone know how to stop it from being sticky? I've searched around the forum, but haven't found a solution. I've already tried to /* out the JS code, but it does nothing.
For reference, I am trying to do it on this page: https://prettyskin.dk/products/prettyskin-classic

Thank you in advance!

This is an accepted solution.

Hello @Sebastian_Søe-P,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.product__form-container .product__form-wrapper--fixed {
	position: unset;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Sebastian_Søe-P
Shopify Partner
2 0 1

Perfect, works like a charm! Thank you.

0 Likes
HenniH132
New Member
1 0 0

Hello Sir,

I just stumbled across your helpfull answer regarding the sticky add to cart button on the narrativ theme. I have the opposite problem and would like to ask you for help. Since I use a few apps on my product page I don´t want the add to cart button to move whenever I scrall down the product page. Instead I want it to be sticky (works on mobil but unfortunatly not on desktop).

Would be great if you could help me out.

Kind regards

Hendrik

0 Likes
sai2810
New Member
5 0 0

what does the above code do ??i cant find any difference even when i added it to my narrative theme

0 Likes
haldemir
New Member
1 0 0

Hi there, I tried your solution and at first I thought it worked perfectly, but then I realized it only applied to one of my 4 collections. Do you have any idea what might cause this? I looked over all the collections and there aren't any differences between them so I'm not sure what went wrong.

0 Likes