• Resolved clevermezzo

    (@clevermezzo)


    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)
  • 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)

    Yes, that did the trick! Thank you 🙂

    Perfect! 🙂

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

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