Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Website display issues on Apple iPad.

Hello all. My website is http://www.paralegallaunch.com/. It's built using HTML, CSS, and Bootstrap. It looks great in Chrome. Looks great in all of the Chrome Dev Tools emulators (even the iPad one). But when I open it up on my iPad it looks horrible. The responsiveness is gone. All the Divs are stacked vertically and pushed to the left. There's also separation between each Div.

Any idea what I did wrong? Any thoughts on where I can start to fix this? If it helps, the only items I downloaded via Bootstrap were the icons/glyphs.

2 Answers

Strange. I did some viewport resizing on my own - and it looks like your site is perfectly responsive.

Great work btw.

I ran it through This awesome responsive tool - give it a try and click on disco mode on the top right corner. Its quite an amusing way to test your sites's responsiveness.

Which IPAD did you test it on - let me know and we can try running an emulator to see how it is rendering.

Thanks for the replay and the kind words.

I used my wife's iPad 3 with retina display. At least I think it's 3. It's about 2 years old and fully updated.

I've tried the site on:

  • MobileTest.Me;
  • iPadPeek.com;
  • responsimulator.com; and
  • responsivepx.com.

I tried Ish too. The disco feature is pretty great. Thanks for the link.

I can't replicate the issue, so I'm starting to think it might be MY iPad. But I'm a bit new at this, so I wanted to make sure I'm not missing something obvious.

Should I ignore it? Or keep digging?

Do you know anyone that has another iPad you can test it on? If not, see if there's a Best Buy near you. Our local store has wi-fi enabled so you can actually surf the live web when testing a new device.

I've got an Apple store nearby. That's not a bad idea Roy. I'll swing by and see what happens. Thanks.

You're welcome. Hope it helps.