A user’s website logo appears large on initial page load, then scales down and becomes sharper when scrolling. They want to maintain the smaller, sharper version without the zoom transition.
Likely Cause:
The behavior is probably controlled by custom CSS or JavaScript code that triggers the logo size change on scroll events.
Proposed Solutions:
Community Response:
Multiple users offered free assistance to examine the code and implement a fix. One responder provided specific instructions involving adding code to the theme.liquid file before the closing tag, though the exact code snippet appears corrupted in the thread.
Status: The issue remains unresolved pending code implementation or further troubleshooting.
Hey there!
I’m having some issues with the logo being large at first, but upon scroll it scales down and becomes far sharper.
Would there be a way to keep it in the second phase without the zoom? (the scaled down phase, as the logo is much sharper then)
Link to website: https://7qi2a2xiqde7o6pw-74101391678.shopifypreview.com
Thanks!
Based on the website link you provided, it appears that the logo is indeed large upon first load, but then scales down and becomes sharper upon scroll. This is likely due to some custom JavaScript or CSS that has been implemented on the website.
To prevent the logo from zooming in and out upon scroll, you could try adjusting the code that is responsible for the logo’s behavior. This may involve removing or modifying certain JavaScript or CSS rules that affect the logo’s size or position.
If you are not comfortable with making these changes yourself, you may want to consider reaching out to a web developer or designer who can help you modify the website’s code to achieve the desired effect.
Alternatively, if you are using a pre-made theme or template for your website, there may be an option within the theme settings or customization options to disable the logo zoom effect.
I’d be happy to take a look at it - free of charge. Just trying to build up a reputation on here. I agree with the previous reply that it is likely some css or javascript in the code. Let me know.
Hi @disciplinam , This is Richard from PageFly - Landing page builder.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
I hope it would help you Best regards,
Richard | PageFly