Remove extra space blow slider in mobile view

Hi Support Team,

How can I remove extra space underneath slider in mobile view?

Below is the code I have added in custom CSS in order to change slider image size. It worked fine however, mobile view does not look right. I have attached the screenshot.

Thank you for your help

.nivoSlider {
margin: auto;
width: 80%;
height: 450px;
}

 

Hello designtouch!

Please provide us URL of your website so that we can provide you the exact solution?

Thanks,
Praveen

 

Hi Praveen,

Sorry for the late response because website was not live. Here is the URL

www.smartphonerepairwi.com

Thank you,

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media screen and (max-width: 767px){
.nivoSlider{
height: 250px;
}
}

Regards,
Sameer

 

Thank you, Sameer