[Resolved] Scaled logo size

  • Author
    Posts
  • #8025

    danny weiss
    Participant

    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.

    #8026

    Andrew Misplon
    Keymaster

    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-width as required. Insert the CSS at Customize > Additional CSS or in a Custom CSS plugin.

    Hope that helps 🙂

    #8029

    danny weiss
    Participant

    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! 🙂

    #8032

    Andrew Misplon
    Keymaster

    Super 🙂 Glad to hear that did the trick and thanks for the additional feedback.

    All the best with your site.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top