Nav Layout changes in safari

Design help General
1

Hello,

I designed this website, and it is live. In chrome, the nav looks normal, with the nav buttons next to the “home” button. But in safari the nave buttons drop below the home button. here’s screenshots.

chrome:

31%20PM
31%20PM1210×89 87.6 KB

Safari:
00%20PM
00%20PM1202×143 138 KB

Here is the link. www.sockeroomarketing.com

Thanks for the help!

2

Can you please post your Read-Only Link?

I see the issue but want to make sure I point you in the right direction on your site.

3

Hi @chris111384,

Different browsers can render CSS differently and there are know issues with Safari and IOS devices.

A good practice is to apply fixes using Safari, so I’d suggest logging into Webflow with Safari, and apply any changes or corrections to the layout as needed.

Hope this helps :slight_smile:

4

Here is my read only link.

https://preview.webflow.com/preview/sockeroo?utm_source=sockeroo&preview=c2c3de8f2423bbdc32714b3f37d8d4d7

Sorry first time posting!

5

@chris111384 No worries, If you change the float from none to left on the nav menu, this should fix your issue.

42%20AM
42%20AM482×1184 38.7 KB

6

Thanks so much! That did it!

1 Like