Tweaks to Dawn Image Banner

[Dascalargo]

I’m happy with our site, except the homepage, so I’m trying to tackle that now. I need to start with the hero image, which uses a variation of Dawn’s Image Banner section. You can take a look at RepurposedOnline.com, but here’s a screen cap of that section:

As I said, this is the Dawn Image Banner, tweaked to randomize the images shown (and a few other small changes). There are a couple of things I need to do:

First, I want the images to scroll with the text, rather than have the text scroll over stationary background images. 

I want the images to remain width 100% for as long as possible. Right now, when changing the screen size the images become cropped:

I know this has to do with the images being set at 100vh and overflow and such, but I haven’t been able to figure out what, specifically, needs to be changed. I’ve played with the CSS that controls the images, their DIVs, the DIV for the entire section, but no luck.

I also need to adapt the hero for mobile, but I figure getting these two issue sorted will go a long way toward that.

I’d be grateful If anyone can help with the above code changes, but I’m also open to specific suggestions for making this part of our site better, whether its using a different type of Shopify section, creating the hero space with something outside of Shopify, or I’m even open to proposals from designers. Our brick-and-mortar supports our concept, but this page is working against us when we get online visitors.

 

[chrias]

I'd be happy to help with the code changes and suggestions for optimizing your hero section—let's work together to enhance your site's visual impact!

[Dascalargo]

Thanks @chrias and anyone else who has made or plans to make a similar offer here or through our website...

If it’s going to be a matter of just updating the code, I’ll do that myself (hopefully) with a little help from the community. I’m capable at Liquid, HTML, and CSS, but it’s not my full-time gig and this one has me stumped. I didn’t intend this to be an open invitation to pitch website management services (and here I refer more to the emails than Chrias’s response). Unless you’re a designer with specific ideas for our site and you have a portfolio of your work, please, no soliciting.

Thanks!

[chrias]

Thank you so much. I'm just loving this platform . 😍