Resize header with social icons

Hi, I’m trying to change my header from the small fixed header to the fixed header with social icons. The small fixed header was 88px high and changed to 44px when scrolling. The menu part from the fixed header with social icons seems to be 116px high and changes to 56px.

Now I’m trying to change that menu part to be 88px instead of 116px, but if I do so the animation upon scrolling gets messed up. I still want it to resize when scrolling down. It can resize to 56 instead of 44, I just need to resize the 116 to 88.

I have tried stuff like this:

#header_main .container, .main_menu ul:first-child > li a {height:88px!important; line-height:88px!important;}
#main {padding-top:119px!important;}

Yes, I need to add the !important to it or it refuses to change it. Of course, that !important is probably also the reason why the animation breaks. I really don’t mind going into a .js file or such to change stuff.

• This topic was modified 10 years, 9 months ago by DavyE.