cssdrop-down-menusafaricross-browserdisplayobject

Display:Flex not supported in Safari?

The drop down menus on this site fire off on hover, and then when active, they appear horizontally by using 'display: flex;' in CSS. Can't figure out how to get this to work with Safari though. It works in Chrome, but not Safari.

www.soakandswim.com/wp/pools <--for reference.

Any insight? Thanks!

Solution

  • Some browsers do not fully support all the CSS3 elements. Try this:

    display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;