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

JavaScript jQuery Basics (2014) Creating a Mobile Drop Down Menu Perform: Part 1

Joseph Martin Nograles
Joseph Martin Nograles
4,696 Points

jQuery code is ruining the CSS

I dont know if this will be corrected eventually but the jquerry code is displacing my <h1> so the "Home " is all the way on the right of the screen instead of center.

I dont know if this is something that will be corrected eventually.. but do you know any fixes? (I've tried manipulating the css but to no avail)

https://w.trhou.se/okyrt038b3

Try to use the inspector of your browser to see whats going up there; though I see it in the center in my fork of your project. https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/?hl=en

1 Answer

rydavim
rydavim
18,813 Points

I don't remember when in the course this gets addressed, but you'll be using CSS to fix that with media queries. It should only be happening at the lower resolutions, right?

Edit: It looks like it's in Perform: Part 3 that you fix the display issues. Let me know if you still need help after you get through that video. Happy coding!