• Resolved gerard0123

    (@gerard0123)


    I would like to remove the white area between the blue menu bar and the rest of the page on my entire website. How would I do that?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hey there @gerard0123! Twenty Twenty does not have a sticky header by default so it looks like perhaps you’re using a plugin for that? It seems to be what’s creating that extra space between your content and the header, which is especially apparent on static pages.

    You could try something like this custom CSS to remove the space on pages, while leaving it on single posts, where it seems to be needed:

    /* Pages - Remove padding above main content area */
    .page .post-inner {
      padding-top: 0;
    }

    I spot-checked it on a couple of your pages, but if you decide to use it, I’d suggest looking throughout your site to make sure it doesn’t create any unintended side effects anywhere.

    Thread Starter gerard0123

    (@gerard0123)

    Thank you so much, this worked like a charm!

    Moderator Kathryn Presner

    (@zoonini)

    Great, I’m glad to hear it!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove the white space between the menu bar and page’ is closed to new replies.