Archived topic
Problems with the Logosize in Safari
8 replies · Started by Jenny on June 8, 2021
Hello :)
Can you have a look at my page?
https://www.designhoch10.com
I have got some Problems with the Logo in the Page-Header.
(You can just see it in the "Safari-Browser" and only if you scroll up and down 2 times). No Joke 😆.
After Scrolling down and going back to top, and Scroll down again, the Logosize is jumping from small to very small.
Look at my Logo on the Screenshot, please. https://ibb.co/S63j4m3
My developer said, it's a safari based problem in combination with the theme because safari has no "Scrollmarker".
Is there a solution for it planned in the next updates? :) She said, maybe she can develop a solution for me, but it's a little complex after every update she had to fix the same issue again. So it makes more sense to tell you to fix this for all of us. Maybe you can? I am not really in hurry.
Thanks a lot 😘
Jenny
Hi there,
the logo is being lazy loaded which is causing the problem.
In your lazy loader plugin there should be an option to exclude an image with a specific CSS class... you can use is-logo-image - add that to the field the plugin provides to fix the issue.
Hallo David,
thank you. I put the class into the field, but nothing changed.
After that I deactivated the plugin, but also nothing changed.
It's still deactivated. Can you have a look again, please? :)
have to love Safari for its weird behaviour :)
Can you also remove the Retina Logo in Customizer > Site Identity - its not required with SVG images.
Once thats done i can take another look
Thank you David, I removed it :).
Do you have a look again?
I don´t like the Safari, but on my old page I have many visitors surfed with this browser 🙈. Nearly 40 %; Because I have a many MacUsers as Customers.
Yep - i am a MacUser and still use Safari my general web browsing ( i like its privacy ) and testing of course as generally if it works in Safari then it works on all browsers :)
Now try adding this CSS:
.sticky-navigation-logo {
width: 300px;
}Adjust the width to suit
Great 🥰 it's solved. Thank you for your engagement 🌻
Glad to hear that!
Thanks a lot.
