- This topic has 3 replies, 2 voices, and was last updated 7 years, 1 month ago by
.
- Posts
Hi,
I’d need to change the size of the scaled logo, the version of the logo that appears when you scroll down the page if the header is sticky. I want to make this version of the logo even smaller because it’s height is bigger than normal and the header (even the scaled one) takes up a lot of space from the website because of it, making it difficult to view the content on the pages. I explained it as best as I could, I hope you understand what I mean 🙂
I searched through all the theme files and even used custom css plugins but I couldn’t find the setting that might change this. There’s only one instance in the jquery.theme.js file, but after editing it I wasn’t able to change anything. I was wondering if you could help me, I need this really badly.Hi Danny
Thanks for posting.
A friendly reminder that all WordPress themes completely overwrite all of their files during updates so editing theme files at a code level is not update safe and not advised.
One option would be to not use the sticky header, I’m sure you’ve considered this. It’s worth trying out, it doesn’t necessarily fit with all use cases of the theme.
If you’d like to continue using the sticky header you can try set your own size for the scaled logo using:
.site-header.stuck .site-branding img { max-width: 100px; }Adjust the
max-widthas required. Insert the CSS atCustomize > Additional CSSor in a Custom CSS plugin.Hope that helps 🙂
Hi Andrew,
Yes, that’s exactly what I needed!!
I was thinking that, in case I couldn’t find a way to change this, I’d simply disable the sticky header, but that wasn’t what I wanted for my website. And of course I made all css changes in a child theme.
Thank you for your awesome solution! 🙂
You must be logged in to reply to this topic.