Logo on mobile too large after update to Helix Ultimate 2.0.5

Hi Mehtaz,

I give you three examples:

At the 1st and 2nd the logo seems too high on mobile.
At the 3rd the logo seems ok.

dok7woensel.nl
logo 90 px high
header 100 px high
https://www.screencast.com/t/3Zceoax98

restaurantolio.nl
logo 110 px high
header 110 px high
https://www.screencast.com/t/hiFDfKuzzHq

pizzeria-eindhoven.nl
logo 60 px high
header 70 px high
https://www.screencast.com/t/GSxlyVcRsn
Here the dimensions of the logo are ok on mobile phone

Kind regards,
Edze de Boer

Hi Mehtaz,

For the PC screen I choose a logo that is 90 px high, a Logo Height of 90 px and a Header Height of 100 px.
This looks fine on a PC screen:
www.dok7woensel.nl

For the Mobile screen I choose a logo that is 60 px high. On Mobile screen this logo grows to a height of 90 px.
It seems that the Logo Height is not only for the PC screen, but is also valid for the Mobile screen.

It looks like this effect is only visible since the update to version 2.0.x of the Helix Ultimate template.
Why oh why is the Header Height the same for PC screen and for Mobile screen?

Somewhere in the Developer Code screen I found this code:

.logo-image-phone {
height: 60px;
}

If I place this code in the Custom CSS field of the Template Options' Custom Code, it doesn't have any effect on the mobile screen.

Instead of shrinking the logo to 60 px high, I should be able to grow the height of the row that includes the mobile logo from 60 px to 90 px. In this case the problem could also be solved.

Please give me a solution, because I am out op options here...

Kind regards,
Edze de Boer