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
7549 1459 1455

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 or Accept solution! - Buy me a 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
7549 1459 1455

Hi @jakobmb 

Could you share your store URL?

- Helpful? Like or Accept solution! - Buy me a 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
7549 1459 1455

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 or Accept solution! - Buy me a 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
7549 1459 1455

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 or Accept solution! - Buy me a 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
7549 1459 1455

Happy I could help! 

Best Regards,

Dan from Ryviu

- Helpful? Like or Accept solution! - Buy me a 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