Gap below masthead

  • Hello

    Seeking help removing the pronounce gap below my menu section and the content, I’ve had some success using

    body {margin-top:-50px;}

    But this does nothing for the mobile version of the site, any ideas? Searching only throws up padding for the menu items in the masthead

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

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

  • Looks like the gap you are referring to is not being caused by the theme but adding this into “Customizer – Additional CSS” should fix that …

    .tw-header-bg .site-content {
padding-top: 0;
}

    Oliver

    Thread Starter rpwordp

    (@rpwordp)

    This works on desktop but the gap remains on mobile. I have another site using 2021 that has the same issue too so suspect it is an issue with the theme?

    The only padding (in additional to the above) that the theme is adding can be dealt with using …

    .site-main {
padding-top: 0;
}

    Then you have something else that’s adding padding to a block which can be removed using …

    .entry-content .wp-block-columns {
margin-top: 0;
}

    So you definitely have something else causing this other than the theme.

    Hope that helps.

    Oliver

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gap below masthead’ is closed to new replies.