Jump to content
Sign in to follow this  
helvetik_a

box align on mobile devices

Recommended Posts

helvetik_a    0
helvetik_a

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
Rob    547
Rob

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. 


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×