• I am trying to remove the space between the header and the Hero image on the referenced page.

    I had a similar situation with the home page and used the following Custom CSS to resolve it:

    .home .entry-header {
    margin: 0;
    }

    Can anyone provide me with some Custom CSS to resolve this issue on the referenced page?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • I’m no expert, but had a similar problem and this fixed it;

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

    Thread Starter chrishannon

    (@chrishannon)

    I appreciate the suggestion, @leemaynard, but that did not resolve the issue. While it did reduce the height of the header, by eliminating the padding at the top and bottom, it did not remove the white space below the header. Once agan, I do appreciate the thought, though.

    I think it may be the content div that has the padding, try this:

    .site-content {
    padding-top: 0 !important;
    }

    Other than that, I’m out of ideas.

    Thread Starter chrishannon

    (@chrishannon)

    Thanks, again, @leemaynard. I tried your latest suggestion, but it did not resolve the issue. Thank you, anyway!

    I too want some help for this.

    That worked – thank you! This is the exact code I added to the Custom CSS section:

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

    .site-content {
    padding-top: 0 !important;
    }

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

The topic ‘Removing Space Below Header’ is closed to new replies.