The navigation at the top of my site looks fine on desktop when I view it on Chrome and Safari on my Mac, but someone shared a screenshot with me that shows the Contact link below the other three items in the main nav when viewed in Chrome on Windows.
I’m using the Crio theme. How do I ensure my design is responsive and will look the same across the commonly used browsers and operating systems? (I realize there might be outliers, such as a little-known browser on Linux, for example.)
I inspected your site and I think the person who brought this to your attention may have possibly been viewing the page on a much smaller screen size. When I open the desktop view in my chrome browser tools and begin to resize the page at a certain point when there’s no room left for the menu the contact element drops down underneath the other menu items.
You can try addressing this using custom css breakpoints or adjusting your custom header using the responsive utilities available in the editor. I only think this will be a problem on very small laptops or maybe tablets.