Problem with fixed (sticky) header on 7.0 (Jasper template)

Site URL: https://www.bbarinaga.com/

https://www.bbarinaga.com/

password: 1234

Hi,

I used the following code to fix my header on Jasper template:

#header { 
   position:fixed; 
   z-index: 1;
   background-color: WHITE;
   padding-top: 30px;
   width: 100%;
   padding-bottom: 20px;
   margin-top: 0px;
 
 }

However, the first row of images now appear cropped.

Hope someone can help!

Thank you

Add to Home > Design > Custom CSS

div#content {
    padding-top: 168px;
}

Thank you so much, @tuanphan!