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

jakobmb · ‎03-20-2024

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!

Dan-From-Ryviu · ‎03-20-2024

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Dan-From-Ryviu · ‎03-20-2024

Could you share your store URL?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

jakobmb · ‎03-20-2024

Dan-From-Ryviu · ‎03-20-2024

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

jakobmb · ‎03-20-2024

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 · ‎03-20-2024

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

jakobmb · ‎03-20-2024

That worked, thank you heaps.

Dan-From-Ryviu · ‎03-20-2024

Happy I could help!

Best Regards,

Dan from Ryviu

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Community Blog Articles