Make theme -Resize Custom Logo

  • josephare

    (@josephare)


    10 years ago

    Hi,

    Is there a way to change the size of a custom logo, either in settings or via CSS? I’ve tried a few things and no matter what size the uploaded logo, it’s always the same size in the header.

    Thanks.
    – Joe

    https://www.ophmusic.com

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

    (@josephare)

    Never mind, I found it…. change max-width from 100% to new size (hope this doesn’t mess mobile)

    /*———————————————————
    Custom logo (_scaffolding.scss)
    ——————————————————– */
    .custom-logo {
    display: block;
    max-width: 1200px;
    margin-bottom: 11px;
    margin-bottom: 1.1rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;}
    .custom-logo a {
    font: 0/0 a;
    display: block;
    width: 1200px;
    height: 0;
    text-decoration: none;
    color: transparent;
    text-shadow: none;}
    .no-site-title.no-site-tagline .custom-logo {
    margin-bottom: 0; }

    Thread Starter josephare

    (@josephare)

    It does mess up mobile, is there a way to get a dynamic resize?

    Melissa

    (@emdashing)

    Hi Joe,

    You may want to add your logo directly to your header.php file. Unfortunately, resizing it in a way that makes it work really well on mobile is much trickier.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make theme -Resize Custom Logo’ is closed to new replies.