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
ryan champin
16,836 Pointsweird 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
12,612 PointsI'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
16,836 Pointshey I'm sorry...i was working on the site when u looked at it..check again i updated it
Caroline Hagan
12,612 PointsI'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
16,836 PointsI'm having a really hard time figuring this one out I'm like ripping my hair out lol
Caroline Hagan
12,612 PointsAre you building this from scratch or modifying someone else's code?
ryan champin
16,836 Pointsalso this hasnt been tested in firefox yet...just chrome for the most part and obv mobile safari
ryan champin
16,836 Points1.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
12,612 PointsYou 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
16,836 Pointsok i fixed all the errors and its still not working lol ughhhhhh
Caroline Hagan
12,612 PointsHard 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)