Slider padding shifting while page is loading

When the homepage loads, the bottom of the slider is bigger, then suddenly becomes smaller. I don’t know what setting is causing this. I have adjusted the slider and row margins, paddings… Please help me explain how to stop this from happening. Thanks

I have tried different sliders and it happens with all of them.

Hello,

Please provide your site admin access to the private area.

Best Regards

Hello, thanks for reply.

Hello,

All the options related to the slider height are provided in MODULE GENERAL OPTIONS => LAYOUT. https://prnt.sc/vkk1b1

We have checked the slider, this height shifting is the default slider feature and no theme can change it. We can suggest you fix the height with the custom CSS.

Please enter MODULE GENERAL OPTIONS => CSS/jQuery and replace the CSS code for this one:

#woodmart-demo-organic_wrapper {
	height: 500px !important;
}
@media (max-width: 1024px) {
#woodmart-demo-organic_wrapper {
  height: 500px !important;
}
}
@media (max-width: 778px) {
#woodmart-demo-organic_wrapper {
  height: 500px !important;
}
}
@media (max-width: 480px) {
#woodmart-demo-organic_wrapper {
  height: 500px !important;
}
}

The first value is for the desktop, the second, 1024, is for the tablet, this 778px for portrait view on a tablet, 480 px for mobile.

You can change the width of the device and height of the slider in the custom CSS as per width that is set here: http://prntscr.com/vkk5rr , the selector #woodmart-demo-organic_wrapper is set in MODULE GENERAL OPTIONS => Defaults http://prntscr.com/vkk6xv

Best Regards

[Author]

Posts