Logo changing when scrolling

  • Posted in : Airz
  • tech3stars
    Participant

    The logo in website is changing size and position when scroling down to website bottom

    tech3stars
    Participant

    Hi Team, We need urgent help here. When we increase the logo size the logo is going out of the positiuon. Not able to fix the positining and size of the logo. We have client delivery today and need to fix it ASAP.

    ahmetsali
    Keymaster

    Hi, you can change it from “Appearance > Customize > Site Identity > Image Logo Sticky Height (px)” option.

    Cheers.

    tech3stars
    Participant

    We are unable to increase the size of the logo. How to fix it?

    serkan
    Moderator

    Hello,
    Thank you for the clarification.
    I reviewed the logo image, and the main issue is that the file contains excessive transparent space on all sides (top, bottom, left, and right). Because of this, increasing the logo size in the theme settings does not visually enlarge the logo itself — it only scales the empty area around it.

    How to fix this (important first step):
    Open the logo file in an image editor (Photoshop, Illustrator, Canva, etc.)
    Crop the canvas tightly on all sides so that it wraps only the visible logo (remove all extra transparent space)
    Export the image again
    Re-upload the new logo

    After this cleanup, the logo will scale normally and you’ll be able to control its size correctly from the theme settings. No CSS changes should be required once the image itself is fixed.

    Best regards,
    Serkan

    tech3stars
    Participant

    Also Our mobile view, the logo is not visible. How fix that?

    tech3stars
    Participant

    Hi Team, We need urgent help here. Logo in mobile view is not visible. How to fix that

    serkan
    Moderator

    Hi,
    I just fixed the width. Please check it out.
    Thanks

    tech3stars
    Participant

    Still Having Problem. Unable to see the logo in mobile view

    tech3stars
    Participant

    Hi Team, We need urgent help here.

    tech3stars
    Participant

    Hi Team, We need urgent help here. Unable to see the logo in mobile view.

    serkan
    Moderator

    Hi,
    Could you please try to use this custom css code;

    .is-header-transparent:not(.is-header-dark):not(.is-menu-toggled-on) .site-header:not(.clone) .site-branding-center .logo-negative {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            max-width: 150px !important; 
            height: auto !important;     
            margin: 0 auto !important;   
        }

    Important: Please clear your mobile browser cache or try opening the site in an “Incognito/Private” window on your phone to see the changes immediately.
    Let me know once you confirm it.
    Best regards,
    Serkan

    tech3stars
    Participant

    Now the logo is visible only on the home page, the position is on the right side, not on the left. The remaining pages will not display the logo. How can we fix that properly?

    serkan
    Moderator

    Hi,
    I’ve tested the website on my end, and the logo appears correctly aligned on the left and is visible on all pages. However, since you’re experiencing different behavior, I’ve forwarded this issue to our developer team for a deeper review to ensure consistency across all pages and environments.
    They are currently checking for any page-specific overrides or caching-related issues. I’ll update you as soon as we hear back from them.
    Thank you for your patience.
    Best regards,
    Serkan

    tech3stars
    Participant

    The issue with the home page is now resolved. But on other pages with white header the main logo cannot be seen. In that place the negative logo can be seen. It cannot be changed. How can we fix it.

    serkan
    Moderator

    Hi there,
    Thanks for the update.
    On the inner pages, the logo behavior you’re seeing is usually caused by a transparent / overlay-style header layout being selected. In that layout, the theme may keep using the “negative” logo even when the header background is white.
    To fix this, please try selecting one of the non-transparent header layouts instead of the transparent one.
    Once a non-transparent header layout is selected, the regular main logo will be used correctly on white headers.
    If the issue continues, please share the page URL and a screenshot of the selected header layout so we can guide you to the exact option.
    Thanks

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register