Question: how do I disable the parallax in the mobile/tablet version? In other words, I would like to make it static when viewed in mobile/tablet version?
how do I disable the parallax in the mobile/tablet version? In other words, I would like to make it static when viewed in mobile/tablet version? thanks! I tried to apply a media query to no avail.
code:
>
En
hi!
I'm name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nulla orci, elementum consequat consectetur nec, laoreet vitae odio. Ut convallis diam leo, eu egestas eros commodo ac. Vivamus purus eros, finibus id finibus ac, ultricies vitae lacus. Vivamus tincidunt leo a faucibus aliquet. Sed imperdiet blandit turpis, vitae euismod tortor facilisis sit amet. Fusce vitae sapien est. Donec a lobortis massa, nec malesuada mauris. Aliquam tempus justo nec justo mattis dapibus. Aenean sollicitudin elit bibendum urna consequat blandit. Praesent lobortis magna nec massa pharetra viverra at et metus. Sed efficitur tincidunt mauris ac malesuada. Integer eu sodales purus.
#main{
overflow: auto;
padding:30px 50px;
width:100%;
height: 100vh;
box-sizing: border-box;
background-image: url("background.jpeg");
background-repeat: no-repeat;
background-size: cover;background-position: center; /* added this */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/*parallax*/
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#main::-webkit-scrollbar{
display:none;
}
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
Study Help