Adding Parallax Effect on Mobile - Prestige Theme

Tourist
6 0 2

Hello All, 

The prestige theme features parallax option, which unfortunately is only available on large screen devises. 

Is there an easy (self-serve) way to activate the feature on mobile? Alternatively, I'd like to selectively hide the 'parallax sections' on mobile devises, any pointer here are much appreciated!

My website is www.clarityblend.com

Thanks in advance, 

Dimitar

0 Likes
@media only screen and (max-width: 768px) {
.ImageHero__Image.Image--zoomOut.ImageHero__Image--parallax.Image--lazyLoaded {
    background-attachment: fixed;
}
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
6 0 2

Hello,

 

Thanks for your response. Unfortunately, this just blurred the the images, but they remained as fixed sections.

Any thoughts?

 

Thanks,

Dimitar

0 Likes