Space between Header and Carousel

  • Hello!

    When my blog loads it puts a large white space between the header and the carousel. When you start to scroll down the carousel moves up and stays there since it’s sticky. Any ideas on how to fix this?

    Thanks!

    Marissa

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello there,

    I visited your site and the header section seems to load fine as seen on the below screenshot.

    Web screenshot

    Have you been able to resolve it yourself?

    Regards,
    Kharis

    Thread Starter mbanninga

    (@mbanninga)

    Hi Kharis,

    I’m sorry I didn’t clarify in my original post, the desktop version is loading great however the mobile version is not. Can you please see how it loads on your phone?

    Thank you!

    Marissa

    Hello there,

    Thank you for clarifying. Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
@media only screen and (max-width: 991px) {
  #masthead.site-header {
    padding-top: 130px !important;
  }
}

    Regards,
    Kharis

    Thread Starter mbanninga

    (@mbanninga)

    That worked great! Thank you so much!

    You’re welcome!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Space between Header and Carousel’ is closed to new replies.