Переполнение: прокрутка не работает в моем адаптивном меню. Что делать? - PullRequest
Новая
       9

Переполнение: прокрутка не работает в моем адаптивном меню. Что делать?

0 голосов
/ 08 мая 2018

Свойство overflow: scroll; моего адаптивного меню не работает. Я не мог понять, какое свойство / атрибут мешает этому применить.

Ниже приведены свойства адаптивного CSS для заголовка: 

header .menu_icon{
    display: block;
}

ul.social{
    display: none;
}

header nav{
    display: block;
    background: #353434;
    margin: 21px 0 0 0;
    padding: 0;
    border-left: 0;
    border-top: 1px #2c2c2c solid;
    text-align: center;
    position: relative;
    z-index: 9999;
    display: none;
    overflow: scroll;
}
header nav{
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -o-border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -o-border-bottom-right-radius: 2px;


}
header nav.show_menu{
    display: block;

}
header nav ul li{
    margin: 0;
    width: 100%;
    border-bottom: 1px #2c2c2c solid;

}
header nav ul li:last-child{
    border-bottom: 0;
}
header nav ul li a{
    display: block;
    width: 100%;
    padding: 20px 0;
}
header nav ul li a:active{
    display: block;
    width: 100%;
    padding: 20px 0;
    background: #2c2c2c;
}

Я добавляю overflow: scroll; в header nav. Даже я пытался добавить это свойство для каждого элемента. Это все еще не работает.

Вот снимок экрана для моего адаптивного сайта: enter image description here

1 Ответ

0 голосов
/ 08 мая 2018

ДОБАВИТЬ:
overflow-y: scroll !important; и установите max-height: 100px !important;

...