SKT Spectacles Theme – Slider / Content Gap

Home Forums All Other Themes SKT Spectacles Theme – Slider / Content Gap

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #131317
    Web
    Participant
    • Topics: 12
    • Replies: 28
    • Total: 40
    Member since: February 9, 2017

    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.

    #131442
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24481
    • Total: 24481
    Member since: August 16, 2013

    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

    #131676
    Web
    Participant
    • Topics: 12
    • Replies: 28
    • Total: 40
    Member since: February 9, 2017

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

    #131688
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24481
    • Total: 24481
    Member since: August 16, 2013

    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

    #131799
    Web
    Participant
    • Topics: 12
    • Replies: 28
    • Total: 40
    Member since: February 9, 2017

    This code worked, Thank you!

    #131806
    Web
    Participant
    • Topics: 12
    • Replies: 28
    • Total: 40
    Member since: February 9, 2017

    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

    #131813
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24481
    • Total: 24481
    Member since: August 16, 2013

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.