Nothing happened I guess.

This is my custom css file now:

.content { padding-top: 15px; }
#header_main .container { height: 88px!important; line-height: 88px!important; }
#top .title_container .container { padding: 0; min-height: 36px; }

.fixed_header #main { padding-top: 56px; }
#top .main_menu .menu li>a { line-height: 85px!important; }

Homepage link stays and acts different from the others when I try to scroll the page down. Also dropdown menu doesn’t open at the correct position.

Thanks again.

Hi, thank you for your reply but looks like the code only reduced the size of the logo, not the header. Other than that, content spacing issue is solved, many thanks.