Make header logo smaller on mobile to align it with menu toggle

Hi. I need to make site logo responsive because it is too big on mobile and header takes too much space.
My website is and i have iPhone 5.
Can you help me make logo responsive on mobile ?

Hi @chase787,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

@media (max-width: 380px) {
div#logo {
    max-width: 60%;

Best Regards,