Is there a way to activate the Parallax effect only on laptop and desktop views?
Currently, I have the following code, but it causes issues with displaying images on certain browsers like Safari.
.parallax {
/* Full height */
height: 100%;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
In my HTML, I am referencing this code in the specific section where I want the Parallax effect:
<section id="home" class="home parallax bg-img fix">