Lessen Gutter/Gap Below Header, Before Main Body Content

  • Resolved OxRun

    (@oxrun)


    10 years, 2 months ago

    I would like to lessen the gutter/gap below the header, but before the main body content. How do I go about doing this? Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Ignite!

    This can be done with the following CSS:

    .main {
  padding-top: 0;
}
.sidebar-primary-container {
  padding-top: 0 !important;
}
.breadcrumb-trail {
 padding-top: 0.75em;
 padding-bottom: 0.75em;
}

    That will bring the main content and sidebar closer to the header with or without breadcrumbs on the page.

    You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

    Thread Starter OxRun

    (@oxrun)

    Brilliant! It worked perfectly. Thanks for your quick response!

    Cheers!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Lessen Gutter/Gap Below Header, Before Main Body Content’ is closed to new replies.

Tags