Jump to content
Sign in to follow this  

box align on mobile devices

Recommended Posts

helvetik_a    0

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?





Share this post

Link to post
Share on other sites
Rob    547

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