Banner slider mobile optimization

Site URL: https://www.netixglobal.com/

hi, I can't fix the space between images and navigation bottoms for the slider on mobile. Will appreciate any help

12 minutes ago, RenataB999 said:

Site URL: https://www.netixglobal.com/

hi, I can't fix the space between images and navigation bottoms for the slider on mobile. Will appreciate any help

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="623ff18166f313090b081264"]  .slides--initialized {
    min-height: 40vh !important;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing

3 minutes ago, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="623ff18166f313090b081264"]  .slides--initialized {
    min-height: 40vh !important;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Thanks, yes. But niw these guys are on the text

You can change the value of min-height until it meets your requirement

3 minutes ago, bangank36 said:

You can change the value of min-height until it meets your requirement

I tried, but the images are changed as well this way.

16 minutes ago, RenataB999 said:

I tried, but the images are changed as well this way.

Add the following one to make image unchange

@media only screen and (max-width: 767px) {
  section[data-section-id="623ff18166f313090b081264"]  .slides--initialized img {
    height: auto !important;
    width: 100% !important;
  }
}

34 minutes ago, bangank36 said:

Add the following one to make image unchange

@media only screen and (max-width: 767px) {
  section[data-section-id="623ff18166f313090b081264"]  .slides--initialized img {
    height: auto !important;
    width: 100% !important;
  }
}

 

Still that space is there, trying to adjust but not working

10 hours ago, RenataB999 said:

Still that space is there, trying to adjust but not working

Add the following one in the above media query and change the min-height of wrapper element until it meets your requirement

section[data-section-id="623ff18166f313090b081264"] .list-item {
  padding: 0 !important
}