Block box behind logo/menu too big on mobile


#1

Website is http://blomstra.de/about/

On all pages besides the home page (e.g. the here included about page) I have the black box behind logo & hamburger menu, but the black box is bigger than the logo/menu, which looks odd. How do I reduce its size to be just big enough to cover logo & hamburger menu?

I have reduced the size of the logo on mobile using
transform: scale(0.7,0.7);

Thank you!


#2

Hi,

Try to use this CSS code below:

@media only screen and (max-width: 767px){
  .site-header{
     padding-top: 0;
    padding-bottom: 0;
  }
}

Put the code into Customize > additional CSS.

Regards,
Awan


#3

This does the job!
Thank you very much!