Reduce Header Height and Move Logo left

Hi Alisa-

Thanks for reaching out, and thanks for choosing the Crio WordPress theme.

I’ll answer the easy question first- in order to make the logo move further to the left, use a Full Width header layout row. Navigate to Customize > Design > Header > Layout and switch the row with your logo to Full Width.

For reducing the height, there are a few small elements that are adding additional space to your header. Navigate to Customize > CSS / JS Editor and paste these three rules into your CSS Code:

p.site-title { display: none; }
div.site-branding a { margin-bottom: 0px !important; }
h3.site-description { display: none; }

Beyond those, you can also crop your logo to remove any of the transparent space below the image itself.