Logo size in header

cambioderutas6 · Member · May 9, 2017 at 10:19 am
Copy link

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

Thanks!

The blog I need help with is: (visible only to logged in users)
otpidusprime · Member · May 9, 2017 at 10:27 am
Copy link
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 🙂
cambioderutas6 · Member · May 9, 2017 at 10:44 am
Copy link
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!
otpidusprime · Member · May 9, 2017 at 10:55 am
Copy link
Well, that’s odd. That code works for me.

Here’s the screenshot: http://prnt.sc/f5s4qk
cambioderutas6 · Member · May 9, 2017 at 10:58 am
Copy link
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
otpidusprime · Member · May 9, 2017 at 11:07 am
Copy link
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.
cambioderutas6 · Member · May 9, 2017 at 11:12 am
Copy link
Ok thanks!

The link will be cambioderutas.com
otpidusprime · Member · May 9, 2017 at 11:19 am
Copy link
Aha! http://cambioderutas.com/ 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: https://en.support.wordpress.com/com-vs-org/

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

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

Thanks!
cambioderutas6 · Member · May 9, 2017 at 11:31 am
Copy link
Oooh yess! Forgot about that. I’m sorry and thanks for everything!!
otpidusprime · Member · May 10, 2017 at 8:48 am
Copy link
@cambioderutas6 no worries 😇
sanfordsardo · Member · May 10, 2017 at 1:47 pm
Copy link
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 themindfullibrarian.org

Thanks in advance!
sanfordsardo · Member · May 10, 2017 at 2:26 pm
Copy link
@otpidusprime- I should probably also mention that I am using WordPress to host the blog.
otpidusprime · Member · May 10, 2017 at 6:28 pm
Copy link
@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 🙂
sanfordsardo · Member · May 10, 2017 at 6:45 pm
Copy link
@otpidusprime Thank you! :)
otpidusprime · Member · May 11, 2017 at 8:46 am
Copy link
@sanfordsardo you’re welcome 🙂

No items found.