Reducing whitespace between links and banner image (or title)

  • My site is coming along nicely, and I like the Twenty Twenty-Three theme, but I’d like to reduce the amount of blank space under the menu block. Some of my pages will have featured images (banners), and some may not — so I’d like to reduce the whitespace on both types of pages. This will not be a blog site, so all the pages will be regular static pages.

    I struggled with this issue for quite a while, and I tried to adjust padding and margins, but it didn’t have the desired effect. Also, the whitespace is still there even if the menu bar doesn’t have the logo image in it, so it’s not the logo that’s pushing everything down.

    I’m guessing that there’s a CSS solution here, but I don’t know what it is. Thank you for any help you can provide.

    Here’s an example of a page without a featured image. Still too much whitespace.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter feralguy

    (@feralguy)

    OK, so I’m going to answer my own question. Someone on another forum suggested adding this CSS under “Additional CSS”, and I believe it solved the whitespace problem:

    main { margin-top: 0.5em !important; }

    Hi @feralguy,

    I am happy to hear you found the solution by adding the CSS to your site!

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