Logo too big

Hey @tomnewbie. This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
 

/* Make header logo smaller */
 
.site-header .custom-logo-link img, 
.site-header .site-logo-anchor img, 
.site-header .site-logo-link img {
    max-width: 500px;
}

 
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Note: This is not what Storefront looks like out of the box, so it would actually be better to change your custom code or the plugin that is changing the header rather than adding this CSS.

@tomnewbie It looks like three custom CSS rules have been applied here:

Link to image: http://cld.wthms.co/tv5BqA

If you were to remove all the extras and wrap the above code you received in a media query like the below, it should resolve your issues.

@media (min-width: 768px){
  // put code here
}

Just compiling that CSS will result in the following:

/* Make header logo smaller */

@media (min-width: 768px) { 
    .site-header .custom-logo-link img, 
    .site-header .site-logo-anchor img, 
    .site-header .site-logo-link img {
        max-width: 500px;
    }
}

Please only add this code once to the custom CSS section. If you want to change the width, just update 500px to whichever size you want.