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
Micah Bell
15,548 PointsProblems with Foundation site in Chrome
I have been working on a site using the Foundation framework and I am having trouble with Google Chrome. In Safari and Firefox, images load no problem, and all the functionality is there.
However, when I open the site in Chrome, images above the fold don't load (unless I scroll or resize the browser window) and all my hover features are disabled. When the browser window is small (<641px) most of the functionality returns, although it's still a bit glitchy.
I have been troubleshooting for what feels like a lifetime and I thought it could be related to the placement of my "render-blocking" Modernizr script, but moving it to the body hasn't helped. Any advice would be greatly appreciated!
...I apologize if this question is a bit vague for a forum, but I am completely stumped and trying to avoid starting from scratch.
1 Answer
Bill Hinostroza
19,273 PointsI see what the problem is. Your featured image and nav don't load up on chrome unless you scroll or resize the browser.
I've also disabled Javascript to see if it's a js problem and yeah it is cause your images don't load when js is turned off.
I don't know the solution but search up 'modernizr and foundation js conflict' or something along those lines'
Micah Bell
15,548 PointsMicah Bell
15,548 PointsThanks, Bill. I'll give that a try!