It seems like .header-scrolled isnt the right property for tablets resolution. It just don`t make any effect on tablets after you refresh the page.
I suppose, if you tell me what property makes sub menu hide on tablets in css I will manage to make it work properly.

Hello!
Current project in development state: http://dev.plittorg.in.ua/

As you see, in higher resolutions everything working nice, but when you look at it with, shall we say, iPad resolution, we see that logo area and widgets in it isnt hiding (just dont forget to reload the page after switching to iPad resolution in browser).

Code I use:

.header-scrolled #header_main .av-logo-container, .header-scrolled div#search-3, .header-scrolled div#text-2, .header-scrolled div#text-3 {
    display: none!important;}

What I need is to make logo area hide aswell on tablets resolutions, or disable floating header only for them.

• This reply was modified 6 years, 9 months ago by MAXENws.

Greetings!
Code works on desktop, but logo still showing on tablets. Is there some solution to hide logo area on them?