Reduce space between header and content. Doesn’t work on homepage, why?

  • Resolved boppar

    (@boppar)


    3 years, 11 months ago

    On homepage I want to reduce this space between header and content:
    https://ibb.co/zrMTY2M

    I managed to reduce that space on all other pages except homepage, using this code:

    /* Reduce white space between header and content */

.storefront-breadcrumb {
	margin-bottom: 1em;
}

    How can I reduce that space on homepage?

    Site: https://ibb.co/7K5MdN6

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

  • Hi again @boppar ????,

    So to reduce the space between the header and content in the homepage as shown in the screenshot you could use this CSS snippet:

    
/* Reduce white space between header and content for the Homepage only. */

body.page-id-536 header#masthead {
    margin-bottom: 1em;
}

    I hope that helps!

    Cheers!

    Thread Starter boppar

    (@boppar)

    Thanks a lot, @danielinhou.
    It worked just the way I wanted. Excellent!

    Hey @boppar ????

    Glad to hear it and thanks for letting us know!

    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce space between header and content. Doesn’t work on homepage, why?’ is closed to new replies.