XF 2.2 hiding logo doesn't always work

[toby88]

I want to hide the logo headers always for all users (phone and computer). I put the following in extra.less

.p-header-logo
{
    display: none;
}

It works only when the width of the browser window is bigger than its height on both phones and computers. On the phone, the logo still shows in portrait mode and hidden in landscape mode.

 

[Paul B]

Try this:

.p-header-logo,
.p-nav-smallLogo
{
    display: none;
}

 

[toby88]

Same problem

Try this:

.p-header-logo,
.p-nav-smallLogo
{
    display: none;
}

same problem

 

[toby88]

I want to get rid of the header and logo (the circled part in the attached image) on both mobiles and computers.

I've tried both of the following in extra.less and they both work on computers only, but failed on mobile devices. Could someone kindly show me how, please?

TIA

.p-header,
.p-nav-smallLogo
{
    display: none;
}

.p-header
{
    display: none;
}

 

[cec.celis]

Hello, did you solved this one?, I want to do the same