Solved

Disable sticky add to card from mobile only (PRESTIGE THEME)

jakobmb
Tourist
6 0 1

Does anyone happen to know how to disable sticky add to cart from appearing on mobile, im looking for it to only show on desktop.

Thanks all!

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8012 1561 1586

This is an accepted solution.

My mistake, it should be 749px but I added 7449px. Please update code and check again 

<style>
@media (max-width: 749px) {
.product-sticky-bar {
display: none !important;
}
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
8012 1561 1586

Hi @jakobmb 

Could you share your store URL?

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

jakobmb
Tourist
6 0 1
Dan-From-Ryviu
Shopify Partner
8012 1561 1586

Hi @jakobmb 

You can do that by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
@media (max-width: 7449px) {
.product-sticky-bar {
display: none !important;
}
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

jakobmb
Tourist
6 0 1

Hello

This seemed to delete it all together, I am looking for it to still show on desktop but not on 'MOBILE'

Thanks!

Dan-From-Ryviu
Shopify Partner
8012 1561 1586

This is an accepted solution.

My mistake, it should be 749px but I added 7449px. Please update code and check again 

<style>
@media (max-width: 749px) {
.product-sticky-bar {
display: none !important;
}
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

jakobmb
Tourist
6 0 1

That worked, thank you heaps.

Dan-From-Ryviu
Shopify Partner
8012 1561 1586

Happy I could help! 

Best Regards,

Dan from Ryviu

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.