Sticky Add to Cart (Taste Theme)

Store Design
, , , ,

Topic summary

A user seeks help making the “Add to Cart” button sticky at the bottom of mobile screens only in the Taste theme, after three days of unsuccessful attempts.

Solutions offered:

  • CSS customization: Add media query code to base.css targeting screens under 768px width, using position: fixed with bottom: 0 and full width styling
  • Professional assistance: One responder offers to implement the fix directly if given collaborator access
  • App-based solution: Suggestion to use Floatton app, which provides this sticky button feature without coding

Current status: The CSS solution was attempted but reported as not working. The user also expressed difficulty using the platform’s direct messaging feature to accept the offer of hands-on help. The issue remains unresolved with no follow-up troubleshooting provided yet.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello, someone please help me make my add to cart button sticky at the bottom of the screen on mobile devices only. I just need the add to cart button to be sticky on scroll, nothing else. I’ve tried everything and its been 3 days straight. PLEASE HELP

2

Hey @dordnm ,

Hey! Just DM or email us your collaborator code and we’ll fix the sticky Add to Cart button right away :innocent:

Cheers!
Shubham | Untechnickle

1 Like
3

Hello @dordnm

Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

@media screen and (max-width: 768px) {
.product-form__submit {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
border-radius: 0;
}

Thanks

4

Hi @dordnm

If you don’t have any coding knowledge, use a Shopify app that creates this feature. One such app is Floatton, which offers this feature for free.

Screenshot 2025-05-30 at 13.36.02.png
Screenshot 2025-05-30 at 13.36.02.png958×408 29.8 KB

5

still doesn’t work

6

I have no idea how to dm on here.