в мобильной версии сделать верхнее меню всегда на экране

[qwadro]

здравствуйте, добрые люди. 

подскажите, как сделать верхнее меню в мобильной версии сайта "прилипшим" к верху экрана

в цсс меняю position: relative

на position: fixed

панель "прилепает" и при прокрутке ее всегда видно,  но выпадающее меню (при нажатии на кнопку МЕНЮ) открывается там же - вверху самом сайта. т.е если листануть страницу вниз, нажать кнопку МЕНЮ - не видно выпадающего списка а он открылся в самом верху страницы. подскажите плз, что и где дописать? чтобы меню открывалось ниже кнопки, где бы она не была.

 

надеюсь поняли, о чем я.. сайт https://growmarket.org

огромное спасибо заранее всем помогающим)

[447934]

У вас выпадающее меню не внутри блока #top, а после него. Соответственно, следующему блоку #nav_bg только с отступом в ширину верхнего блока

 

 

Я дописал так, и стало норм:

Змінено 7 січня 2018 користувачем 447934

[qwadro]

447934, я прописал все что вы написали 

получилось

но теперь шапка в мобильной версии и в версии для ПК как бы за панелькой этой подрезалась. т.е панель сверху чуток съедает шапку. подскажите как поправить? скрин прикрепил)

 

 

Змінено 7 січня 2018 користувачем qwadro

[447934]

у header добавьте отступ высотой с шапку. Т.е. около 40рх (margin-top:40px)

а элементу #top {

top:0;

}

чтоб не съезжал

[qwadro]

а вот так если сделаю - норм?

header .container делаю 55 px вместо 15 и все норм. так можно оставить?

 

 header .container 

 

 

Змінено 7 січня 2018 користувачем qwadro

[qwadro]

16 минут назад, Pascha сказал:

@qwadro я вам в личке дал уже 2 решения)))) но видимо... хм

не увидел просто писем в личке..

да, сделал что вы подсказывали, большое спс. все вроде бы на местах.. 

header {margin-top: 40px}

#top {
 position: fixed;
 top: 0;
 margin:auto;
 width: 100%;

    background: #fafafa;
    border-bottom: 1px solid #e2e2e2;
    padding: 6px 0 1px;
    min-height: 40px;
    box-shadow: 0 0 3px #666666;
    z-index: 99999;
}

[qwadro]

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

как ее точно прилепить, чтобы никаких закрываний?

на второстепенных стр сайта видно норм сдвиг этот при прокрутке.

[qwadro]

а еще вот такой косяк - при нажатии на МЕНЮ в этой прилишей панели при первом нажатии меню открывается и закрывается. при повторном - открывается норм (можно нажимать на подпункты)

 

чую, чем дальше в лес тем толще партизаны)) помогите плз, будьте добры!)

Змінено 7 січня 2018 користувачем qwadro

[447934]

22 минуты назад, qwadro сказал:

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

не вижу такого. В каком браузере? Можно скрин?

15 минут назад, qwadro сказал:

а еще вот такой косяк - при нажатии на МЕНЮ в этой прилишей панели при первом нажатии меню открывается и закрывается

а это скрипты чудят. Надо смотреть, в каком происходит обработка события нажатия на меню, и изучать его алгоритм

[qwadro]

13 часов назад, 447934 сказал:

не вижу такого. В каком браузере? Можно скрин?

а это скрипты чудят. Надо смотреть, в каком происходит обработка события нажатия на меню, и изучать его алгоритм

с нескольких мобил просмотрено и на всех панелька чуть двигается туда-сюда при прокрутке страницы вверх-вниз

не знаю, как показать то.. видео чтоль снять)) 

 

уже написал разрабу, по счет скриптов. пока молчит.. 

[qwadro]

видео не прекрепляется сюда.. залил в сайт. https://growmarket.org/vid1.zip - там видно и нажатие кнопки как себя ведет и что панелька скачет.

п.с. в браузере стоит плагин от антивиря какого то, проверяющий загрузки и загружаемые файлы. сделал видео. завернул его в zip архив, залил в корень сайта, пробнул скачать - этот плагин почему то ругается. заверяю всех, что ничего туда не напихал, клятвенно!!!! ))) все качается но плагин говорит "вы рискуете" 

Змінено 8 січня 2018 користувачем qwadro

[quatro991]

Всем привет. У меня на мобильной версии панель Категории в карточке товара, при открытии картинки, отображается поверх картинки. Как можно сделать чтобы картинка была на переднем плане и закрывала панель навигации?