Using the Banner template Issue

Hello all,

Using the new Banner template in a site i cant seem to change the background image at different break points.

Its really only the mobile one i need to change but there isnt a blue button to overide on that template (scaffold).

Hope this makes sense.

Chris

Start with Mobile and the image you want there, and override the larger sizes.

Elements and Tailwind are mobile first, so if you start there, you can make the changes for the bigger sizes.

If i set the mobile backgounr image…then change the view to the other breakpoints, changing the background image also changes the mobile.

There are no breakpoint overrides for background images(might have missed something), same with color including background color,

color overrides are on the roadmap, I am patiently waiting, maybe all of the controls should have overrides, please

custom component could do this see below

Elements doesn’t currently support overriding images across breakpoints directly.

However, you can achieve the same result by creating multiple Containers, each with a different image, and then showing or hiding them based on the breakpoint. If that sounds like a workable solution for your project, I’d be happy to put together an example to show you how it’s done! :blush:

Hi Ben, That would be great to know how to do it. But its really only the mobile breakpoint that has to have the different image. I think i could work that out and give it a go. Would i drop the container inside the banner (header template) or visa versa?

Thanks,

Chris

I would edit header first before copying

Hi @Cablecar69

Here’s an example project with two banners
— one displayed on mobile, one on tablet and above.

And here’s a video that’s very similar to @upssjw video (thanks Steve! :slight_smile: ), but with me talking you through what’s going on.

Do let us know if you have any more questions!

1 Like

Thank you guys for that. Works great. Im loving the software and the support through the users and devs. A great community.

Cheers,

Chris

1 Like

I need to get a microphone

1 Like