I am trying to figure out how to use a media query to resize page banners to be a full width image on mobile view. The banners won't have text or buttons on them. I just want them to be a full width image that has the parallax effect as the user scrolls down the page. I want to be able to do this on multiple pages on my website.
Example page: www.wildlife.co.nz/wildlife-cruise-1
Squarespace 7.0 | Mojave template
@tuanphan I've seen you respond to others but the code you've provided them hasn't worked for me. Please help.
Question
ChrisMonarch 0
Site URL: https://www.wildlife.co.nz/wildlife-cruise-1
Hi,
I am trying to figure out how to use a media query to resize page banners to be a full width image on mobile view. The banners won't have text or buttons on them. I just want them to be a full width image that has the parallax effect as the user scrolls down the page. I want to be able to do this on multiple pages on my website.
Example page: www.wildlife.co.nz/wildlife-cruise-1
Squarespace 7.0 | Mojave template
@tuanphan I've seen you respond to others but the code you've provided them hasn't worked for me. Please help.
Thanks in advance!
Link to post
Top Posters For This Question
2
2
Popular Days
Dec 9
2
Dec 8
1
Dec 11
1
Top Posters For This Question
ChrisMonarch 2 posts
tuanphan 2 posts
Popular Days
Dec 9 2020
2 posts
Dec 8 2020
1 post
Dec 11 2020
1 post
Popular Posts
tuanphan
Yes. above code will disable Parallax on mobile. To keep Parallax, try remove this line
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment