Forum Support

Shape 5
May 13, 2021, 06:43:02 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: top_row Responsiveness  (Read 309 times)
shoshot
Jr. Member
**
Offline Offline

Posts: 5



« on: June 26, 2014, 11:24:27 AM »

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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: June 27, 2014, 07:51:55 AM »

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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
shoshot
Jr. Member
**
Offline Offline

Posts: 5



« Reply #2 on: June 27, 2014, 10:10:42 AM »

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!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: June 27, 2014, 10:15:48 PM »

Let us know if you have any further questions!

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.