Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

ryan champin
ryan champin
16,836 Points

weird mobile issues #2

if u go to strumfastmusic.com/mobileTest and scroll down all the way to the bottom....the site gets cut off prematurely...you cant see the footer or social bar..sometimes hteyll show but theres a margin under the footer that shouldnt be there.......if u rotate the phone to landscape and then back to portrait....its perfect...its so weird...please any help would be great ive tried everything lol

7 Answers

Caroline Hagan
PLUS
Caroline Hagan
Courses Plus Student 12,453 Points

I'm not sure what the right thing is to be looking at; This is what I see on iPhone 5 : http://s1.postimg.org/mzamh554f/photo.png

This is what I see on Firefox responsive view : http://s28.postimg.org/5c7wmv1j1/Screen_Shot_2014_08_03_at_19_23_41.png

ryan champin
ryan champin
16,836 Points

hey I'm sorry...i was working on the site when u looked at it..check again i updated it

Caroline Hagan
Caroline Hagan
Courses Plus Student 12,453 Points

I'm viewing on mobile again and can only see content as far as "design, deploy, grow" ... i dont see anything else beneath that?

ryan champin
ryan champin
16,836 Points

I'm having a really hard time figuring this one out I'm like ripping my hair out lol

Caroline Hagan
Caroline Hagan
Courses Plus Student 12,453 Points

Are you building this from scratch or modifying someone else's code?

ryan champin
ryan champin
16,836 Points

also this hasnt been tested in firefox yet...just chrome for the most part and obv mobile safari

ryan champin
ryan champin
16,836 Points

1.yeah thats exactly the point...it wont scroll past the design deploy grow....but if u rotate the phone it will let u scroll past that

2.this is 90% built from scratch...the mobile parallax part i took and modified..all the animations and everything is custom

Caroline Hagan
PLUS
Caroline Hagan
Courses Plus Student 12,453 Points

You need to clear the errors via http://validator.w3.org/ first, as that can rule out display issues... I can already see an issue with an "unclosed div" ... that could well be your issue.

ryan champin
ryan champin
16,836 Points

ok i fixed all the errors and its still not working lol ughhhhhh

Caroline Hagan
Caroline Hagan
Courses Plus Student 12,453 Points

Hard to say... seeing the "instagram" section on Win7 Chrome, but not Safari iPhone.

I find adding outline's to elements can help troubleshoot.... in your CSS if you add outline: 1px solid blue to your elements and change the colours, this can sometimes help break down the issue.

Check your CSS against the validator http://jigsaw.w3.org/css-validator/ (not always relevant, but I see parse errors, which can also cause issues)