Gap at the top of the page

  • Hello! I am working on this site with the Libre theme, and there’s a strange gap at the top of every page. How can I get rid of it, or at least reduce it so the logo and header are closer to the top of the page on first load? It’s an aesthetic issue on most pages, but is actually causing glitches on the Contact page. Of note, I’m using CampusPress since it’s provided through my university.

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

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

  • Hi there!

    It looks like you have already added some custom CSS to try and change that, is that correct? You can adjust the size of the margin here:

    .site {
    margin: 3em auto 0 !important;
}

    It’s currently set to 7em.

    Thread Starter kensti

    (@kensti)

    Thank you! That definitely reduced the space nicely, but now there’s a gap between the collapsed menu bar and the top of the page where the content shows through when you scroll. Any idea why that would be?

    EDIT: I just checked again and apparently I was completely incorrect about the gap. Oops! Not sure how that happened. Thanks for your help!

    • This reply was modified 4 years, 1 month ago by kensti.

    Hello there,

    Ok, just to check – are you referring to this gap here: https://d.pr/i/k1iDzI

    If yes, this would be because of the size of the logo being used.

    I hope this helps thus far!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gap at the top of the page’ is closed to new replies.