Woodmart slider not responsive

Hi,
Im having some problems with the slider. I’m using woodmart sliders
Im using simple images that i need to be responsive until next breakpoint beeing the height 100% and the width auto so it can be fully responsive.
The problem is that the slider is getting a fixed height from the settings and thats not good as it starts to crop the image when the screen starts to resize instead of keeping everything on the viewport.

Can you please help me fix this?

Thank you for your help.

Attachments:

You must be logged in to view attached files.

Hello,

You can try setting the height of the sliders as per device basis from Dashboard >> Slides >> Sliders.

Screenshot for Clarification: https://gyazo.com/2776e7966c50df3b4c03f9e643ac3f68

Best Regards

Hello,

Even if I set the height as per device, the slider is cropped when screen size change. I would like to have this type of behavior: https://www.shaalis.com/

Hello,

Our woodmart slider has the option that you can set background images per device. You can try adding the seperate images for slides by editing.

Screenshot for Clarification: https://gyazo.com/b9415ef7bf1d1d3aacb0427013c42cd9

Regards.
Xtemos Studios.

This is exactly what I’m looking to do.

How was this site able to achieve this type of behaviour for their slider?

@Ksrigo, if you were able to figure this out, please let me know how you did it. It would be greatly appreciated.

Thanks.

Hello,

@WASIPLtd_Website Please try using our Woodmart Slider for that.

https://xtemos.com/docs-cat/woodmart-slider/?theme=woodmart

Best Regards

Hi! I am facing the same issue my slider is not responsive. The slider should be responsive until the next breaking point. But when I resize the screen it starts to crop the image from both the sides. Also not able to find the settings for different images for different device.

How my website slider is acting
https://www.dropbox.com/scl/fi/p2bhkejd4ew9p86ipfa9p/Screen-Recording-2023-12-27-at-10.15.11-PM.mov?rlkey=l9c2l3cugo87lj7fdsaepm1fx&dl=0

How it should act
https://www.dropbox.com/scl/fi/e6xvklvth1ghki2cwsj5y/Screen-Recording-2023-12-27-at-10.21.15-PM.mov?rlkey=covg18ghl46yl8ztjzjy4m8or&dl=0

Kindly help me out with this

Thanks

Hello,

Please check the site on real devices and let us know if you have any issues and send some screenshots of the issue. If you have faced the issue share the wp login details i will check and give you a possible solution.

Best Regards.

Hello Aizaz,

The dropbox video link which I have shared is recorded on a real device. The issue is still the same. I am sharing the WP login details and the dropbox video link (Recorded the issue which I am facing)

Please check the slider in this video as I tried to resize the window and It gets cropped from both sides.

https://www.dropbox.com/scl/fi/p2bhkejd4ew9p86ipfa9p/Screen-Recording-2023-12-27-at-10.15.11-PM.mov?rlkey=l9c2l3cugo87lj7fdsaepm1fx&dl=0

Also I have attached the screenshots. One screenshot is in full screen and the second one is after resizing the window.

Thanks & Regards

Hello,

You have missed the admin login URL. Can you please share the WP admin login URL of your site so I will check and give you a possible solution?

Best Regards.

Hello,

Hello,

Go to Slides > Edit Slide > within the slide settings in the bottom of the slide page, upload distinct images for various devices and select the background image position.
Screenshot for clarification:
https://ibb.co/v1g09JG

Best Regards.

I am having the same issue.

Prima Jane

Hello,

@zareef hasan
Try to edit the slides with page builder and check the responsive settings. Try to use the different sizes of images for desktop and mobile.

Navigate to Slides > Edit Slide > In the bottom of the slide check the slide settings for different devices.
https://ibb.co/9bpLVTr

Best Regards.

[Author]

Posts