пропадает меню при изменении размера экрана

голоса: 0

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

Адрес сайта gymbalance.ru
| Автор: | Категория: Меню сайта

Ответов: 2

Голоса: +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;}
}

| Автор:
Выбор ответа лучшим | | Автор: Andrey Filimonov

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

Andrey Filimonov,
Переверстывайте стили, как видите, это сделано под планшеты, я вам написал стили чтобы для планшетов было удобно, если и так не нравится, извините, сделайте лучше.
Yuri_Geruk,
и на том спасибо)
голоса: 0

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

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

 

| Автор:
Редактирование | | Автор: Жека Знахарев
...