Resize logo when scrolling

  • Author
    Posts
  • #154185

    sumqmi
    Member

    I’ve enlarged the site logo from the original 60px to 80px, however, when I scroll down the logo is too big in the fixed header. How can I resize it when scrolling?
    Thanks.

    The blog I need help with is qmicom.wordpress.com.

    #154232

    emilysuesrq
    Theme Author

    Hello,

    I may have misunderstood your question, but try adding the following CSS (and adjust the number as needed) to see if this helps:

    #header #logo .site-logo-link img {
        max-height: 60px;
    }

    I hope this helps, let us know if you need anything further.

    Thanks,

    Emily

    #154247

    sumqmi
    Member

    Hi Emily,
    Thanks for answering, however this css is only helps to enlarge or reduce the size of the logo. But my problem is when I enlarge it to 80px, and scroll down the page, the height of the header will reduce and my logo’s head is being chopped. That’s why I want the logo to be resized smaller when scrolling the page.

    Thanks,
    Sum

    #154326

    sumqmi
    Member

    can anyone reply my query??

    #154473

    emilysuesrq
    Theme Author

    Hello, when I view your site currently the menu is fixed and doesn’t reduce in size when scrolling. Have you adjusted your settings, and has this resolved the issue for you? Thanks in advance for clarifying..

    Emily

    #154487

    sumqmi
    Member

    Yes I’ve already found the way to fix the height of the menu header, the problem is fixed now. Thanks.

    #154585

    emilysuesrq
    Theme Author

    Great! You’re welcome :)

The topic ‘Resize logo when scrolling’ is closed to new replies.