I am generally good with code, however, I need a little help figuring out why my hero banners won't scroll in size and shrink down for the cell phone screen. My home page image does but that's it. I have used percentages and other configurations, but it does not work. I fear I may have set myself up for failure due to my design. But if i can have pages scale properly it'd be good. Also is there a way to have an entire page scale down if needed?
Here is the code is used at the Hero-Collection Banner CSS Entry Point
Thank you for reaching out, however, percentage, vw, px, all seem to end up looking the same. I'm not sure why, I've played with positioning too, and nothing. When viewed on the phone it still looks awful. I just wanted each banner to shrink down on the smaller screen. My home page banner does, perhaps my spanning combined with absolute positioning is messing up the sizing. my site is wagandpurrs.com. Thanks for your insight. Ill keep trying to figure it out.