Home › Forums › WoodMart support forum › Slider Height not responsive
Slider Height not responsive
- This topic has 5 replies, 2 voices, and was last updated 3 years, 12 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
January 29, 2021 at 7:59 pm #262499
kyllazParticipantHi there.
Im having some problems with the slider.
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.
I found the class .woodmart-slide that as a min-height define thats is comming from slider settings, if i change that to auto or 100% the slider gets 0px heigh and dissapears.
Can you please help me fix this? I really need for the slider and image to be responsive without any fixed measures.Look forward for a reply
My best regards
January 30, 2021 at 7:17 am #262565
Aizaz Imtiaz AwanKeymasterHello,
Can you please send me the WP admin login details of your site with the site URL so I will check and solve the issue. Also, please share the screenshot of your issue for better understanding.
Best Regards.
January 31, 2021 at 5:16 pm #262795
kyllazParticipantHi there Aizaz, thanks for your reply.
I’m still working on localhost so i dont have yet the domain with the site.
I send you two screenshots for better understanding. The first image is the slider loaded at max resolution of my container,it as an image with 1600px X 500px and it loads perfect as the height i’ve define on backoffice is the same as the image beeing 500px, the problem is when i start to resize the screen the image starts to cut, i’ve noticed it’s because of css background properties that does that to keep the image inside the define height, what i want is for the image to be responsive so it an be properly displayed in all screens resolutions, if the height is always 100% of image it would be solved, I’ve tried to mess around with css but no luck =(
Hope you can help me sort this out.
My best regardsAttachments:
You must be logged in to view attached files.February 1, 2021 at 7:17 am #262894
Aizaz Imtiaz AwanKeymasterHello,
Are you using the Slider Revolution? or any other slider on the page?
Without check or debugging the site, I am not able to give you the solution.
Best Regards.
February 1, 2021 at 4:48 pm #263042
kyllazParticipantHi there.
No, i’m using woodmart sliders post type and widget, i think it’s based on owl slider.
On slider revolution this problem doesnt happen but i dont want to use it, i want the lightweight woodmart solution.
Best regardsFebruary 2, 2021 at 10:41 am #263227
Aizaz Imtiaz AwanKeymasterHello,
Can you please share the WP admin login details of your site with the site URL so I will check and give you a possible solution? Also, share the page URL where you have added the slider.
Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register