Настройте всю верхнюю область сайта для фиксированного / «липкого» меню - PullRequest
Новая
       16

Настройте всю верхнюю область сайта для фиксированного / «липкого» меню

0 голосов
/ 13 января 2019

Я хотел бы попросить помощи в исправлении функциональности меню Wordpress (он же «липкий») с помощью CSS.

Это сайт , над которым я работаю.

Я частично справился с этим, установив код CSS #site-navigation в position: fixed. Проблема в том, что результат очень плохой, поскольку содержимое страницы можно увидеть позади, сверху и справа от меню при прокрутке вниз. Мне нужно было бы превратить всю верхнюю область сайта вокруг меню в фиксированный непрозрачный объект, чтобы содержимое позади не могло быть просмотрено или нажато.

Большое спасибо за любые указатели

1 Ответ

0 голосов
/ 13 января 2019 
.main-navigation {
    position: fixed;
    padding-top: 0;
    padding-bottom: 5px;
    z-index: 99999;
    background: #fff;
    top: 0;
    width: 68.571428571rem;
    margin-top: 0;
}

с фиксированным элементом вы можете установить значение top, left, right, bottom. Значение z-index будет держать ваш элемент вперед или назад в зависимости от приоритета.

...