Woodmart slider not responsive

This topic has 13 replies, 4 voices, and was last updated 9 months ago by Aizaz Imtiaz Awan.

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
September 27, 2021 at 4:37 am #321278

ksrigo
Participant

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.

September 27, 2021 at 9:19 am #321356

Aizaz Imtiaz Awan
Keymaster

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

September 27, 2021 at 2:21 pm #321454

ksrigo
Participant

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/

September 28, 2021 at 6:50 am #321573

Aizaz Imtiaz Awan
Keymaster

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.

May 16, 2022 at 10:19 pm #376317

WASIPLtd_Website
Participant

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.

May 17, 2022 at 10:44 am #376414

Aizaz Imtiaz Awan
Keymaster

Hello,

@WASIPLtd_Website Please try using our Woodmart Slider for that.

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

Best Regards

December 27, 2023 at 7:55 pm #525014

Anonymous
Inactive

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

December 28, 2023 at 10:33 am #525097

Aizaz Imtiaz Awan
Keymaster

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.

December 28, 2023 at 8:18 pm #525312

Anonymous
Inactive

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

December 29, 2023 at 9:39 am #525407

Aizaz Imtiaz Awan
Keymaster

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.

December 29, 2023 at 11:33 am #525428

Anonymous
Inactive

Hello,

December 29, 2023 at 3:53 pm #525514

Aizaz Imtiaz Awan
Keymaster

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.

February 17, 2024 at 7:26 pm #541050

zareef.hasan
Participant

I am having the same issue.

Prima Jane

February 19, 2024 at 4:30 pm #541409

Aizaz Imtiaz Awan
Keymaster

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