Streaming live at 10am (PST)

Menu items repositioning on browser resize


#1

Hi there, could use some expertise on the following:

In Safari, the main menu items ('Home, About, Contact') blink/reposition when adjusting browser window size, or scrolling into view. Any idea of what's causing this? Seems to be more fluid in other browsers.

http://www.mrjjcortez.com
https://preview.webflow.com/preview/mrjjcortez?preview=aa7af6f428e17201739c30e0b647f2e2

Any help appreciated.

Many thanks!


#2

Don't have Safary for check it out, unfortunately. But in Chrome and Mozilla works fine.

Are you still experiencing this issue?


#3

I see the bug under Safari. I don't understand it though. There is a series of thing you can try to make your layout more solid. Your link menu element don't have any sort of width declared, in absolute nor in percent. So start by giving a solid pixel dimension in width to your menu element (the link one), and give the whole second column the highest z-index of the page. Try the highest z-index on the full ROW element too, and finally on the whole navbar (the two last actions only if the dimension + zindex on the link doesn't work). Could you come back and tell me if it worked? That would be great thanks in advance smile


#4

Can you also check this post? http://forum.webflow.com/t/navbar-glitch-in-safari/18613/2

It seems there's a know bug when using "All" for transitions with Safari. I wasn't aware of this known thing since yesterday when I read this post.


#5

Hi Vincent, that worked! Thank you.


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.