Parallax Disabled via JavaScript... what is the function being used?
I figured it would be faster to ask here instead of digging through the theme files.
Noticed parallax becomes disabled on mobile for images, changing the element from an <img src=""> to a simple CSS background-image property.
Currently, we have a script on the site that replaces the images in a slider-like fashion, without affecting the text I have overlayed on the image. The thing is, since the parallax becomes disabled on tablet/mobile devices, it's not able to tend to changing the background-image property; only the <img> src.
What function is being used to detect tablet/mobile devices? I'm looking to add an if/else statement to my function, separating the function to tailor towards tablet/mobile devices (background-image) and desktop/laptop devices (<img src>).
To reiterate, I know there is a function that detects the user's browser. What is that function, and are there attributes tied to it that I should know about?
Comments
the whole code responsible for responsive attributes is located under responsive.css file but because what you ask for requires files customization what in reference to Item Support Policy is not allowed, you need to do all customization on your own. But if you don't know how to do this, you should contact with your web developer.
Thanks!