Change banner image on mobile and center text in Woodmart carousel

Hi, I have a banner carousel on the main page, but I need to display a different image on mobile because the desktop version doesn’t scale well. In the regular Elementor settings, you can select separate images for mobile and other devices, but Woodmart elements don’t have this option by default. I’d also like to center the text on this banner, but I can currently only do it globally. How can I achieve both through CSS? It would be nice if you would add these options in the future so it doesnt require css

Attachments:

You must be logged in to view attached files.

Hello,

The WoodMart banner/carousel element doesn’t currently include a built-in option for assigning separate images per device.

Hover, You can achieve this by using Elementor’s responsive settings.

Here’s how:

Duplicate your existing banner/carousel section.

One will be for Desktop, and the other for Mobile.

For the Desktop banner, go to

Advanced > Responsive > Hide on Mobile & Tablet

For the Mobile banner, go to

Advanced > Responsive > Hide on Desktop

Then, upload the appropriate banner image for each version (desktop and mobile).

Hope this Helps!

Best Regards,

I didn’t want to duplicate elements, but I managed to fix it with CSS after all.

Hello,

Great to hear you were able to sort it out with CSS!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts