Shape 5

as you can see here: http://www.responsinator.com/?url=thebijastudio.com
600-768px looks all wonky.  I'd like it to either align on top of eachother like small tablet and mobile or 2x2 where it's not all unaligned.  I haven't messed with the custom css for these modules, only inline "width: 100%; margin-top: 15px;"

Also, it appears that custom_3 completely disappears on everything but widescreen.

Thanks for your guidance

Hello,

The issue is with how you've setup the custom html for each module. Inside each module you have a wrapper div with the class s5_float_left:



<div style="width: 100%; margin-top: 15px;" class="s5_float_left">
<div class="custom-no_border">
<div style="border-bottom: solid 8px #74bb17;"><img alt="" src="/images/front3.jpg" style="display: block; margin-left: auto; margin-right: auto;"></div>
<h3 class="icon_title">Flourish</h3>
<span class="icon_sub_title">Private Yoga</span>
<div class="icon_text">For beginners looking for a comprehensive guide of basic yoga postures, or the advanced student ready to tackle some new postures
 <a href="/index.php/flourish/personal-coaching" class="readon_grey">Read More...[/url]</div>
</div>
</div>


This should not be use don content:

class="s5_float_left"

That's only used by the template for placement of module positions. That is conflicting with the width calls for the positions. That class just needs to be removed on each of those modules' content.

I am not seeing any issues with custom_3, it's showing at all screen sizes.

Yep!  Knew I was missing something small.  Deleted the original content from the demo so I copied the HTML from your site.  Thanks a ton for being on it!

Let us know if you have any further questions!

-Mike