Home › Forums › All Other Themes › SKT Spectacles Theme – Slider / Content Gap
- This topic has 6 replies, 2 voices, and was last updated 4 years, 2 months ago by
Sonnal S Sinha.
-
AuthorPosts
-
September 24, 2019 at 4:40 pm #131317
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.September 26, 2019 at 10:32 am #131442Hi,
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,
ChrisSeptember 30, 2019 at 4:26 pm #131676Thanks for the fast response, but the code provided seems not to work. Is there something missing?
October 1, 2019 at 5:52 am #131688Hi,
Kindly use this one
.slider-main { min-height:365px;} .slider-main .nivoSlider { height:380px !important;} .header .header-inner .logo { margin:20px 0;}
Regards,
ChrisOctober 1, 2019 at 5:48 pm #131799This code worked, Thank you!
October 1, 2019 at 8:47 pm #131806Hey 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
October 2, 2019 at 5:23 am #131813Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.