Hello,

This is not a question, as I have already figured it out. Although, since I found another closed thread asking for the same (http://para.llel.us/support/groups/razor/forum/topic/logo-placement-on-smaller-screen-sizes/#post-37194) I decided to post for others to see the solution too.

I wanted to change the logo size when viewing the site on mobile or tablet, so after some digging around the CSS with some tools in Firefox and Chrome I figured it out:

Go to the custom CSS area in Wordpress backend (Appearance, Design Settings, Styles: Custom CSS)
Add this code

#HeaderContent .logoResponsive .logo {
display: inline-block;
height: 145px;
padding: 8px 20px 6px;
position: static;
}
#HeaderContent .logoResponsive .logo img {
height: 145px;
width: auto;
}

Set the height to whatever you need for your logo, just make sure to change both heights.

Hope this helps anyone else trying to figure this one out