SKT Spectacles Theme – Slider / Content Gap

[Web]

Hello there,
I’m hoping you can help me with the gap size between the slider and the content on the home page of the SKT Spectacles. I want to remove the large gap between the slider and the home page content. See http://wearingkds.com to see what’s going.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.slider-main { min-height:365px;}
.slider-main .nivoSlider { height:380px;}
.header .header-inner .logo { margin:20px 0;}

Regards,
Chris

[Web]

Thanks for the fast response, but the code provided seems not to work. Is there something missing?

[Sonnal S Sinha]

Hi,

Kindly use this one

.slider-main { min-height:365px;}
.slider-main .nivoSlider { height:380px !important;}
.header .header-inner .logo { margin:20px 0;}

Regards,
Chris

[Web]

This code worked, Thank you!

[Web]

Hey sorry to bother you again. But once I put the code in the website it shows up as a “loading” symbol on the mobile version. So it doesn’t work on mobile version. Refer back top the website to see what I mean

[Sonnal S Sinha]

Hi,

Okay, use this CSS

.slider-main { min-height:365px;}
.slider-main .nivoSlider { height:380px !important;}
.header .header-inner .logo { margin:20px 0;}

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

Regards,
Chris

[Author]

Posts