shrinking logo, but not header

Hi,

On my website I want to shrink the logo and change it into another one (without the bottom image and only the text). That is working, but I want de header height to stay the same. So in this case 100px.

I have put this code into Quick CSS:

.logo, .logo * {
max-height: 283px !important;
height: 283px !important;
width: 148px !important;
}

.header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a {
background-image: url(https://www.fronikboerderij.nl/nieuw2018/wp-content/uploads/2018/01/logo-fronik-top.png);
background-size: contain;
background-repeat: no-repeat;
}

I also tried to set this code in the js/avia.js file (I tried setting the 2 to 1.5 and to 1), but that didn’t work:

if(st < el_height/1.5)
{
newH = el_height – st;

av_change_class(header, ‘remove’, ‘header-scrolled’);
//header.removeClass(‘header-scrolled’);
}
else
{
newH = el_height/1.5;

I also tried unchecking the box Shrinking Header, but then the logo stays the same.

Can you please help?

UPDATE: I tried changing only the second number in the js file into a 1 and refreshed a few times and that worked!

Thanks

• This topic was modified 7 years, 2 months ago by JantienM. Reason: problem solved