Logo Cut off on Mobile Devices

This can be fixed by adding the following code to your responsive section of your css –

.header-image .site-title a {
    background-size: contain !important;
}

Add that to either the 580px width or 480px width depending on where you’re seeing this issue happen (iPhone or tablet). Both of these sections are located near the bottom and look like this –

@media only screen and (max-width: 580px) {

You’re Welcome!