Removing Section from Mobile View Only

AccentOutdoor
New Member
1 0 1

I added two parallax features to my website home page using this tutorial, and they look great on the desktop site. However, they do not show up correctly when viewed on mobile from iphones. They work when viewed on certain androids, but I'd like to just remove the problem from mobile view altogether. I'd like to keep the parallax(es) on desktop view, but remove them from mobile view. I've tried everything to make it work, but I'm just a beginner at coding. My website is https://www.accentoutdoor.com/ 

 

Thanks!!

KetanKumar
Shopify Partner
14101 1641 5054

@AccentOutdoor 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media (max-width: 767px) {.featured { background-attachment: scroll !important;}}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes