Липкий заголовок не прокручивается в мобильном режиме - PullRequest
Новая
       48

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

0 голосов
/ 27 апреля 2019

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

Случайные неудачные попытки и объединение битов CSS.

Это CSS длялипкий заголовок в настоящее время.(Я использую его в плагине, но это CSS из плагина) 

#site-logo-inner, #site-header-inner {
    transition: all .3s ease-in-out;
}
#site-header #site-logo #site-logo-inner a img {
    transition: all .3s ease-in-out;
}
.fixed_sticky_active #site-header #site-logo #site-logo-inner a img {
    max-height: 50px!important;
} 

@media(min-width: 960px){
    .fixed_sticky_active #site-logo-inner {
        height: 74px!important;
    }
    .fixed_sticky_active #site-navigation-wrap .dropdown-menu >li >a {
        line-height: 74px!important;
        display: inline-block!important;
    }
    .fixed_sticky_active #site-header {
        opacity: 1;
    }
}

@media(max-width: 480px){
    .fixed_sticky_active #site-header {
        top: 0;
    }
    .fixed_sticky_active #site-header-inner {
        padding: 0;
    }
}

Я пробовал это; 

@media(max-width: 480px){
    .fixed_sticky_active #site-header {
        max-height: 100vh;
        overflow: auto;
        top: 0;
        -webkit-overflow-scrolling: touch;
    }
    .fixed_sticky_active #site-header-inner {
        padding: 0;
        max-height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

(Совершенно не уверен, что я делаю, но явидел это как исправление в другом посте, но не работал: ()

...