nahstudio

https://demo-adsi.squarespace.com/sustainability password: go Note: Only this particular section is in 7.0, while the rest of the website is in 7.1. I am using CSS to layer 4 images (Poster mode) over a vertical timeline animation made using HTML code block. It looks great on desktop and is responsive. Problem is when I switch over to Mobile view, the images stack on one another. Take note that I removed the Vertical Timeline in Mobile mode on purpose. I only want to retain the images on full width, one after the other as you scroll. I don't know why they're layered on top of each other. Help!

https://reed-collie-yak3.squarespace.com/projects Password: go Help! The footer and some other text blocks look perfectly fine when in bigger desktop screens + mobile screen view, but start to overlap and look weird when viewed in screens sized in between those 2 extremes (particularly, on an iPad tablet and a small laptop screen). What code can I use to make sure it keeps a max width of 100% regardless of screen size? Any help appreciated. Thanks. Image 1 & 2 = Footer viewed on a wide desktop screen + mobile Image 3 & 4 = Footer viewed on a tablet+small laptop screen Image 5 & 6 = Text block viewed on a wide desktop screen + mobile Image 7 & 8 = Text block viewed on a tablet+small laptop screen