Hi! I’ve ran into this problem with safari… That is… Well I figured it would be easiest to explain it with a video… so here you go:
The problem is this “flickering”/loading delay appearing on page changing (as you can clearly see here)…
Hope that some of you guys, who knows more about this than me can help me out here!
Lol! Jonhatan I LOVED the video (: Piano and intermission cracked me up.
Ok to begin with, select the element that flickrs and give it the highest Z-index in your page… Click on position:relative and put a high value in the z-index.
If it doesn’t fix it, come back for some tortured custom code.
Just for info: Weirdly enough it seems like that on my older Macbook Pro running Safari 7.1.2 the problem doesn’t seems to appear at all…! ? So could it be just a problem with my computer? (Though the only plugins i have installed in Safari is Adblock (Which I by the way have tried deactivating, but with no luck ) OR just with the newer update of Safari…?
My bad, sorry, your video was too distracting and I didn’t even understand the question… I thought there was some flickering but you have a loading issue that makes an element move (right?)
So give dimensions in px to your .logo element and it will stop.
Thanks a lot for your help Vincent!
Yearh… I realized that “flickering” was not the correct term - Sorry my bad!
So giving the dimensins in px did work, and actually I had also tried it (I know that sounds very stupid)…!
But then this border appeared around the .logo element on loading … But I have just done a huge discovery! ( - read that ironically)
– You can add border:0px; to html and that will do it… … So… sorry for bothering with this ! But at least i got a nice video out of it…
Best to you! Have a good one!
Cheers! All the best from Denmark!!
By the way @vincent just wanted to say thanks on behalf of well… all webflow users for the huge help that you provide here in the forum You’re really doing a great piece of work!
So you got how it works right? And why it affects only Safari… Browers have defaults value to display html elements. They vary from a browser to another. Specifying zero actually change from default to zero. Webflow has a resest css file to deal with browser defaults, to even them.