Hello Webflow community.
I am working on a website for a client and I am running into some issues with alignment between Chrome, Safari and Firefox.
In Chrome, everything works fine.
(Chrome - Everything working ok.) (Sliders centered)In Safari, the interactive dashboard element at the top of the home page does not display the little animated cards that show up on hover (works in Chrome and Firefox)
(interactive section not showing up in Safari - top half of screen display is missing)In Firefox, the slider half way down the page is pushed hard to the right (is centered on Chrome and Safari) and the text disappears on a couple of the slides. This leaves the slider essentially unusable.
(Slides pushed to the right, and text/controls are missing from slides.I have no idea how to make modifications that will affect the specific browsers, or any way of troubleshooting why they are acting differently in different browsers. This is a very high profile client project which I have to get right, any help would be greatly appreciated.
Hopefully this makes sense, but you will see the issue clearly by opening up the site in each browser.
Any ideas? @Waldo @PixelGeek
Here is a link to the published site: http://adrizer.webflow.io/
Here is the Read-Only link: https://preview.webflow.com/preview/adrizer?utm_source=adrizer&preview=07a8ebe0387b466f2aa6a74c7f976f91