Jump to content


Photo
- - - - -

box align on mobile devices

align boxes boxes on mobile devices

  • Please log in to reply
1 reply to this topic

#1 helvetik_a

helvetik_a

    Advanced Member

  • Members
  • 99 posts
  • Locationrome - italy
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 25 June 2013 - 11:44 AM

Hi! I added three boxes to my home page wich are fine on all browsers except on the display of ipad and iphone...

The boxes shows up bad...(one below the other)...

Any suggestions?

 

Thx

 

Please Login or Register to see this Hidden Content



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 June 2013 - 04:39 PM

Hi Helvetik_a

 

You've customized the row to place a border around it, but set the width to 700px as a static width.    When the site is viewed in a mobile device, the browser cannot accommodate the width, so it wraps. That's the effect you're seeing.

 

The solution is to use a percent or em. Use this to give you the correct measurements.

Please Login or Register to see this Hidden Content

Static pixel widths are not responsive in mobile devices. 

 

Changing that code should do it.