Reduce padding around logo in masthead

  • Resolved clevermezzo

    (@clevermezzo)


    9 years, 10 months ago

    Hi friends,

    Wondering if anyone can assist me in reducing the padding above and below the logo in the masthead on my site. I’ve inspected the element in so many ways, but am still having difficulty in pinpointing exactly what I need to adjust.

    Here’s the site yet again: http://dev.bachsociety.org

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

    (@siobhyb)

    9 years, 10 months ago

    Hi there,

    The following custom CSS will enable you to change the padding around the logo on devices that are 600px in width or bigger: 

    @media screen and (min-width: 600px) {
    .site-logo-link {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

    Increase/decrease the values of margin-top and margin-bottom to your liking.

    The padding around the logo can then be changed on devices of smaller widths with the following:

    .site-logo-link, .site-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

    Hope that helps! 🙂

    Thread Starter clevermezzo

    (@clevermezzo)

    9 years, 10 months ago

    Yes, that did the trick! Thank you 🙂

    Siobhan

    (@siobhyb)

    9 years, 10 months ago

    Perfect! 🙂

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

The topic ‘Reduce padding around logo in masthead’ is closed to new replies.

Tags