logo resize

  • I really like apostrophe and I’m using it for two sites. I read the forum entries regarding the logo, but still need a bit of help.

    I think the logo is taking too much of the header image. Especially in mobile devices.

    Is there a way to resize (smaller) the logo image in “site identity”?

    Thanks!

    Jay

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    I’m not seeing a logo on the site you referenced, but yes, this is possible with some custom CSS. If you can add the logo and then let me know, I can take a look and get the code for you. Generally though, the following should be what is needed. Adjust the max-height value as desired.

    .custom-logo {
    max-height: 125px;
}
    Thread Starter Jay

    (@marinccl)

    Thank you!

    I added the logo, so you can better see what I’m talking about. This image of the logo has the dimensions 504 x 147. I tried re-sizing the image, but that doesn’t effect the display size in the header

    Thanks again.

    Jay

    Thread Starter Jay

    (@marinccl)

    oh! I didn’t realize the CSS you gave me maintains the proportions for width as well. I brought it down to:
    max-height: 50px
    And it works great! Thank you!

    Jay.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hooray and you are welcome!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘logo resize’ is closed to new replies.