storefront: reduce white space below header but above content

Viewing 4 replies - 1 through 4 (of 4 total)
  • Jarret

    (@jarretc)

    Try this CSS in Appearance->Customize->Additional CSS

    #page .site-header {
     margin-bottom: 1em;
 }
    Thread Starter vagabondtabby

    (@vagabondtabby)

    That worked on the front page — for which many thanks!

    But on the other pages (category, product, & others, I’m guessing everything with breadcrumbs?) it actually makes the space between the breadcrumbs & the header larger, while the space below the breadcrumbs stays the same.

    Which I’m sure makes sens on some level but that is WAY beyond my pay grade.

    I miiiight just take the breadcrumbs out & see if that works but if you’ve got any further ideas in the meantime, that’d be sweet.

    Jarret

    (@jarretc)

    Hmm, try out this CSS as well

    .storefront-breadcrumb {
     padding-top: 0px !important;
 }

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘storefront: reduce white space below header but above content’ is closed to new replies.