Return to previous page

How can I change the settings to reduce the image and make it compatible with the mobile phone?

This topic has 3 replies, 3 voices, and was last updated 10 months, 3 weeks ago ago by Luca Rossi

smalameri

Participant

January 2, 2024 at 13:20

How can I change the settings to reduce the image and make it compatible and responsive with the mobile phone?

https://prnt.sc/Lmat2W6IzTr7

#378306 Copied Theme version: .9.2.5 WooCommerce version: 8.4.0

2 Answers
Rose Tyler

Support staff

January 2, 2024 at 15:01
Hello, Smalameri,

Thank you for reaching out to us with your query.

Please be advised that the settings for editing the slider are a feature of the Slider Revolution plugin, rather than our theme. Should you encounter difficulties locating the appropriate setting within the plugin, you have the option to apply custom CSS. To do this, please insert the following code into the ‘Theme Options’ under ‘Theme Custom CSS’ for mobile devices:
```
rs-module#rev_slider_1_1 rs-sbg {
    padding: 50px !important;
}
```
Kind Regards,
8theme team
#378325 Copied
Luca Rossi

Support staff

January 2, 2024 at 15:14
Dear @smalameri,

We trust this message finds you well.

1. For an expedient resolution, we recommend the application of custom CSS. Kindly insert the following code snippet into the designated area located at Theme Options > Custom CSS > Mobile (0 – 480px):
```
.home rs-slide rs-sbg-px {
    width: 250px;
    height: 250px;
    left: 50%;
    transform: translate(-50%, 50%);
}
```
2. Alternatively, you may consider adjusting the images for optimal display on mobile devices by following the guidance provided in this resource: [Display Different Images on Different Screen Sizes](https://www.sliderrevolution.com/faq/display-different-images-on-different-screen-sizes/).

We hope you find these suggestions beneficial.

Best regards,
The 8Theme Team
#378328 Copied
Tagged: image reduction, mobile compatibility, optimization, settings change, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)