I am designer, with basic front end experience, new to webflow and I am trying to redesign our company website. I built the site using flexbox and getting it to work right across all browsers has been more of a challenge than I expected. I tried fixing a few problems by replacing some flex elements with floats and still can’t figure a few things. My public link is below along with a few issues I am having.
IE (Internet Explorer)
1- I uploaded a social media font and IE is the only browser that is not displaying it.
2-The custom scrollbar styling on the CLIENTS page(when shrinking the window to trigger text scroling) is not working, only seeing ugly default scrollbar. Also the outline offset is not working correctly.
3- When hovering on the navigation bar, an extra bottom padding/margin is added.
4- I’ve noticed extra padding/margin on the: HOME page links (“pillar buttons”) & ABOUT US>OUR MISSION page below the quote block.
5- when browser is in full screen mode, there is what seems like a 1px line copy of the full width of the site that appears when scrolling but disappears when browser window is resized.
Safari (on a windows machine)
1- SALES page Product list and vendor logos, INSTALLATIONS venues list and services list not displaying correctly, I assume it is a flexbox styling issue?
2- the GALLERY page lightbox is not working, bg shows but no close button or gallery.
3- CLIENTS custom scrollbar styling not working and close button of “testimonials” not working.
4- FACILITY page (under ABOUT US) first “previous article” image not sizing correctly.
5- PRESS page “previous articles” at the bottom, not sizing correctly and archive article (once clicked from PRESS) “publisher logo” not displaying correctly.
6- CONTACT page close button not working correctly and “reach out” form not flexing when browser is resized.
7- share “social icons” in Header ® extra padding/margin below.
Safari (on mac), Chrome, Safari all seem to be working fine. Have not checked on firefox/mozilla yet but plan to.
Any feedback or help is much appreciated, we are trying to get this up asap.
Thank you in advance!