Menu Flexbox tidak berfungsi di Safari 8 [duplikat]

Saya menggunakan Tema WordPress dengan menu header yang dibuat menggunakan flexbox. Ini berfungsi dengan baik di browser modern tetapi di Safari 8 menunya menghilang.

Saya sudah mencoba menggunakan beberapa fallback (misalnya tabel css) tetapi tetap tidak ada. Tahukah Anda bagaimana cara memperbaikinya?

Wadah:

#nav .sf-menu {
    display: flex;
    list-style: none;
     margin: 0;
}

Tautan:

#nav .sf-menu > li {
    display: inline-flex;
    align-items: center;
    position: relative;
}