Archived

This topic is now archived and is closed to further replies.

  • 0

box align on mobile devices


Question

Posted · Report post

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

 

http://new.pilates-personaltraining.ch/

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

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. http://pxtoem.com/ Static pixel widths are not responsive in mobile devices. 

 

Changing that code should do it. 

Share this post


Link to post
Share on other sites