Remove excess space under menu bar

  • Resolved rjfnz

    (@rjfnz)


    5 months ago

    Thanks in advance for any help you can provide. I have been tidying up my Twenty Twenty One installation. We love the look and are now trying to fine tune a bit. Several topics I searched for here today have been really helpful, but one I am still struggling with is extra ‘dead’ space below the menu bar and where the body text stats (in the example, the space above “Welcome to our online store”). Thank you, Roger.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Kavya Gokul (a11n)

    (@properlypurple)

    Hey @rjfnz ! Your site has the following css code causing this:

    @media only screen and (min-width: 482px) {
      .site-header {
        padding-bottom: calc(2 * var(--global--spacing-vertical));
      }
    }

    To fix/change this, you can go to Appearance > Additional CSS from your dashboard, and add some css code like this (replace 30px with however much spacing you want):

    @media only screen and (min-width: 482px) {
      .site-header {
        padding-bottom: 30px; 
      }
    }
    Thread Starter rjfnz

    (@rjfnz)

    Thank you Kavya, perfect. Much appreciated. Solved my problem. Regards, Roger

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