Site elements distorted across different web browsers

Design help General
1

We have been working on this site for a while now and we planned to launch it today. Everything seemed to work fine but we realized the site only looks correct on chrome. We noticed that on Safari pretty much everything looks fine except for the flip cards on the Services page. On Internet Explorer EVERYTHING is messed up.

We are not professionals and designed this site ourselves so its not the cleanest / most efficient layout, plus we haven’t revisited the site in months because there was a delay in changing our company name so we shelved the finished site until now. We hardly remember how we even made some of the pages so we don’t even know where to begin to fix it. Any suggestions / help would be GREATLY appreciated.

NOTE: we set up a temporary home page (just our logo image) because we didnt want the site to have nothing in case people went there. All pages that are not drafts are part of the site. The mulitple Portfolio pages are because our bosses wanted the separate link blocks on the bottom of the home page to link directly to their corresponding tab section on the main portfolio page.

Here is my site Read-Only: https://preview.webflow.com/preview/vissi?utm_medium=preview_link&utm_source=dashboard&utm_content=vissi&preview=70888c47c6b45a897732ceab16296dbf&workflow=preview

2

Hi @klopez4, thanks for your post.

You mentioned:

Everything seemed to work fine but we realized the site only looks correct on chrome. We noticed that on Safari pretty much everything looks fine except for the flip cards on the Services page. On Internet Explorer EVERYTHING is messed up.

Would it be possible for you to help share some additional detail that will help the community to provide assistance?

  • Screenshot or screencast that helps to give a visual description. Here are some good tools: Loom, Cloudapp
  • The published url/link to the page which is showing how things are currently

As a note, if you need paid help, a good place is the Webflow Experts page at https://experts.webflow.com.

It is often usually good to start with the page you are having the most trouble with, get that solved, then see if the lessons learned on the first sample page will help with the other pages.

Here is a good tutorial on responsive design in Webflow: Intro to responsive design - Webflow University Documentation

You also mentioned something about Internet Explorer, if you mean Internet Explorer 11, that browser is not compatible with latest css standards, while it will show some things ok, there is a lot that won’t render correctly on IE 11.

Windows Edge browser though should be able to give a pretty reliable rendering once the design styles have been looked at on the site and checked etc.