Reply 343783 to: How to make woo commerce images {{wc_categories}} responsive Engineer Demo
Tony Rodriguez
Support staff
January 12, 2023 at 10:16
Hello, @KudzaiS,
To make the WooCommerce category images displayed in a Slider Revolution carousel responsive on mobile devices, you would need to take the following steps:
1 Install and activate the Slider Revolution plugin on your WordPress site.
2 Create a new slider and add the {{wc_categories}} shortcode to it, which will display the images of all the WooCommerce categories.
3 In the slider settings, navigate to the “Responsive Settings” tab and ensure that the “Force Fullwidth” option is enabled. This will ensure that the slider takes up the full width of the screen on mobile devices.
4 Under the “Navigation” tab, make sure to enable the “Touch Navigation” option. This will allow users to swipe through the slides on mobile devices.
5 You can also add a breakpoint for mobile devices to make the images smaller using the “Breakpoints” option.
6 Finally, test the slider on a mobile device to ensure that it is fully responsive and the images are displaying correctly.
Note: You should test the functionality of the slider on different mobile devices as the behavior may vary.
Also, you may want to check if the theme that you’re using is responsive and it’s taking care of images and element scaling to fit the screen.
