Внедрение липкого слоя на сайт с адаптивной версткой.

[Asimo]

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

Например, идет сверху header сайта, а только после этого навигационая строка. После прокрутки навигационная строка прибивается к верхней части экрана? Это тот самый кейс, который был причиной данной ветки. Ваш вариант похож на вариант с инструментом "Шапка сайта", на который помещается менюшка.

[Alex15963]

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

[Asimo]

Мне, конечно, неудобно, но файл не открывается, так как у меня версия 11.1.0, более ранняя. Я вроде не нашел способа пересохранить в более раннюю версию, так что Вам будет неудобно пересохранять. Может, будет достаточно скрина с настройками? Или там многосложное решение?

[Alex]

Обновитесь. Это бесплатно!

[Alex15963]

Поставьте меню в сетку. В свойствах меню (во кладке общее), поставьте галочку - разрешить прикрепление. Вот и все.

Отправлено спустя 1 минуту 30 секунд:
Уберите те коды с сетки, что я Вам давал.

[Asimo]

На смартфоне при таких настройках меню не прилипает к верхней строчке, а на ПК при увеличении масштаба прилиание происходит, а вот значок "меню" 3 полоски не отображается: http://test.neman-kids.ru/

[Alex15963]

Ну если Вы ставите на страницу два меню (CSS и адаптивное), то они сами же не будут скрываться на разных точках останова. одну менюшку нужно скрыть, а вторую открыть, до тех пор, пока ширина экрана дает увидеть все меню. Потом наоборот, адаптивную открываете, CSS - скрываете. В адаптивной менюшке, ставьте галочку там-же

Отправлено спустя 1 минуту 14 секунд:
Обновитесь до последней версии, я Вам скину проект

[Asimo]

Вообще есть смысл работать только с сеткой верстки, или лучше проработать 3 версии, как в этом уроке?
https://www.youtube.com/watch?v=oihYJQYGVJQ

Использовал я только одно меню : адаптивное. Попробую использовать breakpoints и 2 меню.