XF 2.0 Keeping header in mobile view

[Carlo]

Is it possible to keep the header in mobile view? For example I have a custom header like this in desktop view:



The default behavior when viewed in mobile is that the orange header disappears, the menu collapses and the image logo becomes aligned with the navigation:




What I want to achieve is to keep the header and logo on top but collapse the menu similar to default mobile behavior, like as shown below:



How can I do this?

 

[Carlo]

Ok, I solved it by adding this in extra.less

@media (max-width: 650px) {
   .p-nav-smallLogo img {
        display: none;
    }
    .p-header {
        display: block!important;
    }
}