Carousel Images for Mobile and Desktop
-
I’m currently working on updating the carousel section of my website (please see the attached screenshot for reference). I was wondering if it’s possible to have one image displayed for mobile users and a different image for desktop users.
If this is achievable, could you please provide me with instructions on how to set this up? I’d greatly appreciate any guidance or documentation you could share to help me implement this effectively.
Thank you in advance for your assistance, and please let me know if you need further details or clarification regarding the section I’m referring to.
https://prnt.sc/1tNsVdBfKOl2
Hello,
The section you’re referring to is using a Product Categories widget, and it’s not possible to achieve this functionality directly with the widget.
Alternatively, you can create a custom banner using a page builder like WP Bakery or Elementor. Here’s how:
1. Add a banner widget and upload the desktop-specific image.
2. In the responsive settings, hide this banner on mobile devices.
3. Create another banner widget for the mobile-specific image.
4. In the responsive settings, hide this banner on desktop devices.
This approach will allow you to display different images for mobile and desktop users. Let me know if you need further assistance!
Best Regards
.
