Slider not fully visible on different devices (desktopو laptop cropped, mobile)

Hi Woodmart team,

We’re having an issue with the slider on our website https://natseff.com
.
It looks perfect on desktop, but on laptops parts of the image get cropped, and on mobile only a small section of the slider is visible.

We’d like the slider to automatically adjust so the full image/content is visible on all screen sizes (responsive “fit/contain” behavior).

Please check the attached screenshots and video showing the issue.
Website: https://natseff.com

Theme: Woodmart
Builder: [Elementor]

Could you please advise how to fix this or the best slider settings/CSS to show the full image responsively?

Thanks in advance for your help!

Best regards,
Amir

Attachments:

You must be logged in to view attached files.

Hello,

To achieve better responsiveness, it’s recommended to use different image sizes for desktop, tablet, and mobile devices.

You can configure this by following these steps:

1. Navigate to Slides > All Slides and edit the slide you want to adjust.
2. Scroll down to the bottom of the slide editor.
3. In the Slide Settings section, you’ll find options to upload different images for various devices and adjust their positions accordingly: https://postimg.cc/nMxYz5WC

This ensures the slide looks visually correct and performs well across all screen sizes.

But if you do not want to upload a separate image, and want the background image to be shown in full without cropping, please go to: Slide > Edit Slide -> Background Settings (at the bottom) and set the Background Image Size option to “Contain”.

Best Regards,

[Author]

Posts