How to make the Logo appear smaller?

  • Resolved beebsdotcom

    (@beebsdotcom)


    4 years, 6 months ago

    Ive tried a few different css codes from other threads, yet I cannot get the logo to appear smaller.

    – – – – – – –
    header #thelogo{
    max-width: 200px;
    }
    – – – – – – –

    .woocommerce-active .site-header .site-branding {
    width: 100%;
    }

    .site-branding img.custom-logo {
    margin: 0 auto;
    width: 100px;
    }
    – – – – – – –

    They dont work when placed in Custom css widget or in Customise > additional css.

    Any support is greatly appreciated! Thank you!
    All the best,
    Brian

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter beebsdotcom

    (@beebsdotcom)

    oops not using Tracks… can we still support this here? THX

    Theme Author Ben Sibley

    (@bensibley)

    This will probably work:

    .site-branding img {
  width: 100px !important;
  height: auto !important;
}

    For future requests, please contact the developer of the theme you’re using.

    Thread Starter beebsdotcom

    (@beebsdotcom)

    Thanks! It was solved with this line of code.

    .site-branding img {
    width: 50%;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make the Logo appear smaller?’ is closed to new replies.