Removing Space Below Header

  • chrishannon

    (@chrishannon)


    8 years, 6 months ago

    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)
  • leemaynard

    (@leemaynard)

    8 years, 6 months ago

    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)

    8 years, 6 months ago

    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.

    leemaynard

    (@leemaynard)

    8 years, 6 months ago

    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)

    8 years, 6 months ago

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

    stevecoupland

    (@stevecoupland)

    8 years, 6 months ago

    I too want some help for this.

    ekteloathletics

    (@ekteloathletics)

    8 years, 4 months ago

    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.