Logo/Header ist no shrinking anymore

Hi and thanks for the great support here.

I made my logo larger by following this post:
https://kriesi.at/support/topic/large-logo-causes-problems-with-fixed-header-and-mobile-view/

But now the Logo/Header area is not shrinking anymore. But I love this function in Enfold. What am I doing wrong?

In file avia.js I changed on line 1352 from

el_height = $(elements).filter(':first').height(),

to this

el_height = 215,

Here are the Quick CSS changes I made (which are crucial for the layout I want):

.logo img 
{
width: 400px !important;
height: 215px !important;
max-height: 215px !important;
}

#header #header_main_alternate .container
{
height: 35px !important;
}

#header #header_main_alternate .container
{
padding: 10px;
}

#header_main_alternate
{
padding: 10px;
}

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main
{
padding-top: 247px;
}

.html_header_top.html_logo_center .logo
{
padding-top: 5px;
}

.inner-container
{
height: 110%;
}

.container_wrap
{
position: static;
}