Выпадающее меню Safari охватывает контент

Question

Мой сайт www.denieuwekhl.nl Когда сафари вы делаете его отзывчивым и нажимаете на меню, выпадающее меню накладывает содержимое. Вы не можете проверить сафари, поэтому трудно понять, где проблема. Во всем моем другом браузере он работает. Дисплей - это блок.

Это сайт на WordPress. Я использовал меню max mege для плагина. Мабби, он должен что-то с этим сделать? Но я так не думаю.

Answer 1

Safari не признает height: unset. Измените height: unset на height: auto, чтобы устранить эту проблему.

@media screen and (max-width: 1022px) and (min-width: 767px) { 
    .site-header { 
     height: auto; 
    } 
} 

Answer 2

Это не работает из-за вас написать неправильный CSS для .Выходного класса заголовка в запросе СМИ:

@media screen and (max-width: 1022px) and (min-width: 767px){ 
.site-header{ 
    height: auto; 
    width: 79%; 
    margin-right: 2%; 
    margin-bottom: 5px; 
} 

Набора высота: авто; вместо высоты: unset;