elastic pro slider sizing

[Courtney Cline]

Hello.

I have made the theme have a dark look, but I’m having an issue where during certain resizing in a web browser, on a mobile phone, on a tablet, etc. the slider space height is more than the slider height and there’s a white line that appears between the slider and the first section below it. Can you please help me get rid of this on all screen sizes?

The website is https://centralohiowarehouse.com/.

Thank you,

Courtney

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

@media screen and (max-width:767px) {
.nivoSlider { min-height:100px !important;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.nivoSlider { min-height:200px !important;}
}

Regards,
Dave

[Courtney Cline]

I pasted that code, and it did not resolve the issue. Here is the screenshot after I pasted the code – https://ibb.co/XF0vhR7.

[Sonl Sinha]

Hi,

Kindly use this CSS as well.

.nivoSlider { min-height:400px !important;}

Regards,
Dave

[Courtney Cline]

Dave,

That worked for some of the minimizing, but I’m still getting the white bar at the bottom when it gets small enough (e.g., on my phone).

Thanks,

Courtney

[Sonl Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[Sonl Sinha]

Hi,

This is done. Kindly check and confirm.

Regards,
Dave

[Courtney Cline]

That appears to have worked. Thank you!

[Sonl Sinha]

🙂

[Author]

Posts