Need help? Check out our Support site, then

Logo size in header

  1. Hi!
    I wanted to know how to change the size of my logo in the header. I tried different CSS and got nothing.


    The blog I need help with is

  2. Hello @cambioderutas6
    Try this CSS:

    .site-branding .custom-logo-link img {
        max-width: 400px;
        max-height: 200px;

    Although i have set the values to 400px and 200px, you can change it according to your need.

    Hope this helps 🙂

  3. I've tried that one already and it doesn't work :(
    My theme is Baskerville, I don't know if that has something to do with the not working thing.

    Thanks for answering!

  4. Well, that's odd. That code works for me.

    Here's the screenshot:

  5. That's the old blog. We are changing the theme and the new one is not launched yet. Its Baskervile theme now! That one was Dyad

  6. Okay, if the actual site is unpublished/protected we volunteers cannot help you with that.

    Someone from the staff might be able to assist you with that. Please be patient, someone from the staff will be here to assist you soon.

    Meanwhile, please post the link to the actual site you need help with.

  7. Ok thanks!

    The link will be

  8. Aha! is not hosted on WordPress.COM. It hosted on BlueHost and is using the WordPress.ORG software package.

    You have posted your issue in the wrong forum. This forum only supports the sites hosted on WordPress.COM and not elsewhere.

    Both(WordPress.COM and WordPress.ORG) are different products. You can find out the differences between them here:

    To get help, please post your question on the WordPress.ORG support forum:

    We are really sorry that we cannot help even tough we want to. Hope you issue gets resolved ASAP.


  9. Oooh yess! Forgot about that. I'm sorry and thanks for everything!!

  10. @cambioderutas6 no worries 😇

  11. otpidusprime- Thanks so much for posting that code; it was exactly what I was looking for!

    Related question: Now that I have added that code, on the desktop version, the header no longer animates to a small header once you start scrolling down, like in the original theme (I am using Karuna).

    Any ideas?

    The site is

    Thanks in advance!

  12. @otpidusprime- I should probably also mention that I am using WordPress to host the blog.

  13. @sanfordsardo glad it worked!

    Add this CSS code:

    .sticking .custom-logo {
        max-width: 100px !important;

    It will shrink the logo when scrolled down.

    Hope this helps 🙂

  14. @otpidusprime Thank you! :)

  15. @sanfordsardo you're welcome 🙂

Topic Closed

This topic has been closed to new replies.

About this Topic