Return to previous page

How to Resize Slider Resolution Images to fit Mobile Version?

This topic has 2 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Awais Ahmed

Hostelion Digital

Participant

July 5, 2022 at 21:36

Dear 8Theme,

I need your help – kindly please let me know how can I Resize Slider Resolution Images to fit Mobile Version?

Right now the text is above the image and it looks bad on mobile, please help: https://prnt.sc/YyzNzWs8KG6U

Many thanks in advance!

#328954 Copied Theme version: 8.2.2

1 Answer

Awais Ahmed

Participant

July 6, 2022 at 05:49

Hello, @Hostelion Digital,

If you use the image as the BG image for the slider + background-size “cover” you need to understand that image will be cropped on different devices because background-size “cover” works in this way https://cssreference.io/property/background-size/

You are using Slider Revolution on your site, so you have to go to Slider Revolution and edit the particular slider and then you have to go to Slide Option and under it change the BG fit as per your requirements: https://postimg.cc/TyqDpxF2

I found the following guide that might help you: https://www.sliderrevolution.com/documentation/slide-background https://www.sliderrevolution.com/documentation/responsive-setup
And https://prnt.sc/KZm09LLij1my read more https://www.sliderrevolution.com/documentation/module-layout/

Regards 8Themes Team.

#328962 Copied
Tagged: mobile, resize, resolution, slider, templates, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)