[Resolved] Sticky menu logo shrinked on first scroll (iOS, MacOS)

[Timm]

Dear GP-Team,

so far I got all my questions answered without opening a new topic. So today its a first for me.
When I view my site on ios (safari) or macos (safari) and scroll down, the logo within the sticky menu is shrinked horizontally. BUT: this only occurs on the first scroll. Scroll up and down again, everything’s fine.
Whenever the page is reloaded or another page is entered, the error occurs once again.

The error started appearing since I updated to GP 3.0

What I’ve done so far:

• Cleared Browser Cache
• Cleared Server Cache
• Deleted and reset the logo through the customizer

The site is public.
https://recht-rosin.de

Any help would be appreciated.

Tnhanks in advance!
Timm

[David]

Hi there,

those images are being lazy loaded which is causing the issue.
Which lazy loader are you using as they generally have an option to exclude image based using a CSS Class. In the case of the GP logos you can use: is-logo-image

[Timm]

Awesome, thanks!

I use Autoptimize, just entered your provided CSS-Class and it works as it’s supposed to.

[David]

Glad to hear that!

[Author]

Posts