Support » Theme: Storefront » Reduce space between header and content. Doesn’t work on homepage, why?

  • Resolved boppar

    (@boppar)


    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)
  • Dani F. a11n

    (@danielinhou)

    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!

    Dani F. a11n

    (@danielinhou)

    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)
  • You must be logged in to reply to this topic.