I may have solved my own problem and hopefully didn't screw anything else up in the process. What I did was build in a specific width for .col150 (the column that houses the left boxes) and then used the calc function for the centercolumn to be 100% less the desired pixel width of the leftboxcontainer. I'm still playing with the responsive stylesheet to determine the right point to convert to the hamburger menu, but for now it appears that it achieves the look I wanted. Can anyone see a downside to doing it this way that I should be aware of before I continue building the site? All advice/suggestions appreciated, as always.

Quote Originally Posted by mcqueeneycoins View Post
However, the newest issue I've noticed is that as I shrink the screen size, the left menus (leftboxcontainers) become so narrow that the text overflows and doesn't look right. If I adjust the width in Layout Settings, the box looks better, but then in full-screen mode it is approximately 1.5x as wide as I want it. The issue seems to be with the responsive.css and % for each col group. Is there an easy way to set a min-width for the left boxes so that regardless of screen size they won't shrink beyond a set pixel amount (say 200px)? At a certain size I convert it to the hamburger menu, but there's that in-between size I still want the menu to appear.