Make menu bar smaller on scroll


#1

Hi,

How can I make the menu bar smaller on scroll?
As on http://copyensend.nl/

http://185.27.175.239/~abcbemmwp

Thx,
Michiel


#2

Hello Michiel,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header,
    .site-title {
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;	
    }

    .site-header.float-header {
    	padding-top: 5px;
    	padding-bottom: 5px;
    }

    .site-header.float-header .site-title {
      font-size: 20px;
    } 

Regards,
Kharis