Home>Support>Remove space above slider

Remove space above slider

By Rob Kouw, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi there,
I’m trying to remove the spacing above my headerimage. I was puzzeling to make my navbar transparent, which worked (I think). But now there is still a spacebetween the top of the page and my slider.
Is there some easy way to remove this?

URL: http://www.ooh.nu/home

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Rob

    Thanks for reaching out. Did you make progress on this one? All looks good on our side.

  2. 8 years, 11 months ago Rob Kouw

    Hi Andrew,

    The spacing above the main image still exists.
    It’s hard to see, but when I make my sticky navbar transparent, then you’ll see there’s a blank spacing above my Meta slider image.

    Somehow I’ve disabled the masthead, which leaves the navbar and the slider/header.
    My wish is to have a transparent navbar over the top of my slider/header, and when the user scrolls down, the sticky navbar will turn white in stead of transparent.
    But this is something I did not succeed in.
    Hopefully this is possible so I can alter it.

    Greetings,

    Rob

  3. 8 years, 11 months ago Rob Kouw

    I’ve just made the navbar transparent in the normal and in the sticky position so it’s easier to spot the difference.

  4. 8 years, 11 months ago Philip Barrington

    Maybe something like

    #masthead.site-header {  margin-bottom: -150px;}

    might dot he trick, assuming you use custom css

    • 8 years, 11 months ago Rob Kouw

      Hi Philip,

      Your code did the trick.
      I’m a starter in this, so I’m trying to find my way around in CSS.

      Thanks a lot!

      Greetings,

      Rob

  5. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Thanks Philip :)

    Glad to hear you’ve made progress Rob.

  6. 8 years, 11 months ago secretsofthefae

    Hi I used the code that Philip suggested and it worked perfectly for what I wanted to do. However, is there a way to change this on the blog post page. Currently this is how it looks:

    http://secretsofthefae.com/2015/10/secrets-of-the-fae-a-quarterly-magazine/

    Obviously I would like to bring the blog title and meta info lower, is there a way to do that for blog posts only? This is all supposed to go live tomorrow, so I appreciate any help I can get ASAP. Thanks in advance. :D

    • 8 years, 11 months ago Andrew Misplon
      Hi, I Work Here

      Hi secretsofthefae

      Thanks for reaching out. I’ll pickup your new post as soon as possible. Chat there. Thanks.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More