Block box behind logo/menu too big on mobile

Website is

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!


Try to use this CSS code below:

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

Put the code into Customize > additional CSS.


This does the job!
Thank you very much!

1 Like