limit amount browser can collapse width

Working with the theme "Thanks, Roy", I noticed a problem with browser width collapsing without a limit (ie when you resize your browser to make it smaller). This becomes a problem when you have to put in a logo, that displays on the far left, and a background image that you do not want to be covered by the logo. Another description of the problem: when I resize my browser, the logo on the left moves to the right and can cover the lettering in my background image. See here: .

Any solutions for that?

You can add a CSS min-width property to body in the stylesheet; that'll stop the page from shrinking too much.

However, Thanks Roy is designed to resize below that point, and with small enough sizes will change some styles to be more mobile-friendly. You'd likely have to undo the max-width in those smaller-size @media sections.