Hey there,
there seems to be a problem with SVG Logo in Header when displaying on mobile device (iOS). Please try to scroll down, up, down, up again. For any reason sometimes its not rendered anymore.
Page loaded completely: https://imgur.com/6xmmgyP
After scrolling up and down a bit: https://imgur.com/uhRLcHW
https://www.top-magazin-frankfurt.de/
SVG can be found here: https://www.top-magazin-frankfurt.de/logo.svg
Hello!
When you set up your SVG logo you need to change the IDs every time in order to be the unique IDs. After these settings, your logo needs to work properly on every device.
Thank you!
Dear Bettina,
thx. I just changed the IDs to
<svg id="Header-mobile"... for Header menu and
<svg id="Header-mobile-sticky"... for header menu sticky
The problem still persists. If I check the source code all svg IDs are unique.
What did I miss? Any ideas?
Regards
Hello!
You need to change all of the IDs from the SVG code. For example, the IDs from the SVG code in the desktop header need to be completely different than the IDs from the SVG code in the mobile header, etc.
I hope is more understandable now.
Thank you!
Hey Bettina,
thats what I did. Looking into source code of the page shows four different instances of svgs right now:
1. svg id=”header”
2. svg id=”header-sticky”
3. svg id=”header-mobile”
4. svg id=”header-mobile-sticky”
So, all IDs are unique. But problem still persists.
Problem is solved. Thx.
Hello @topmagazin!
I’m glad you have managed to solve the issue.
Let me know if you need further assistance.
Have a nice day!
