Sorry about that--I've removed the maintenance mode. I think I've managed to figure out my responsive issues, at least with the formatting for the listing page. I'm pretty sure I need to add at least one more <div> element, as I currently have a % set for each div and depending on the screen size it either fills the right amount of space or not enough. I'm guessing I need one more div element to help ensure the widths of each subsequent div fill the entire space. If I can't figure that piece out, the way it's set up is at least close enough to where I wanted it.

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.

Thank you!

Quote Originally Posted by dbltoe View Post
Can't be more specific with the site down for maintenance.

There are a couple of ways to handle movement of wrappers for responsive.

What I recommend is getting it to look correctly at something around 1600px or better.

Then, look at your site for an iphone 6, 6+, and ipad in portrait. There you will see any changes you need to make in responsive_mobile.css for the portrait.


Yesterday was review page day at silversageherbsDOTcom. The reviews page is setup almost exactly like what I got from your description. The only thing we changed on the page was a float:right; for the buttons. You can inspect and turn them off and on to see the diff.

When we looked at the page in mobile portrait, the only thing we felt needed to be changed was to justify the text.

You can take a look at that page for another possible way to your solution.