Question

При изменении размера экрана. появляется момент между 960px и 976px в ширину, когда пропадает меню и появляется полоса сверху. Подскажите пожалуйста, почему так? Как исправить?

Answer 1

Можно сделать чуть иначе, отредактировать стили:

@media screen and (min-width: 960px) and (max-width: 2440px) { 
 a.icons-home {display: none!important;}
}

удалить выделенное и ниже добавить:

@media screen and (min-width: 960px) and (max-width: 976px) { 
#catmenu.nav-mobi .nav-head  {display:inherit!important;width:400px!important;}
a.icons-home {display:inherit!important;width: 34px;height: 34px;float: left;background: url(/img/balance_home.png);position: relative;right: -8px;z-index: 10;top: 8px;cursor: pointer;}
}

Comments

Сделал, немного не эстетично получается

---

Andrey Filimonov,

Переверстывайте стили, как видите, это сделано под планшеты, я вам написал стили чтобы для планшетов было удобно, если и так не нравится, извините, сделайте лучше.

---

Yuri_Geruk,

и на том спасибо)

Answer 2

Оно не исчезет, а подстраивается под мобильные устройства

у вас стоит минимальная ширина для появления мобильного меню 960, а тот промежуток, что вы указали, он и не используется, по крайней мере я сейчас проверил на своем мобильном