เมนู Flexbox ไม่ทำงานบน Safari 8 [ซ้ำกัน]

ฉันใช้ธีม WordPress พร้อมเมนูส่วนหัวที่สร้างโดยใช้ flexbox มันทำงานได้ดีบนเบราว์เซอร์รุ่นใหม่ แต่ใน Safari 8 เมนูจะหายไป

ฉันลองใช้ทางเลือกสำรองแล้ว (เช่น ตาราง css) แต่ก็ยังไม่มีอะไรเลย คุณรู้หรือไม่ว่าฉันจะแก้ไขปัญหานี้ได้อย่างไร?

คอนเทนเนอร์:

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

ลิงค์:

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