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

Posted by Stephen Chamroeun
Stephen Chamroeun
7,095 Points

My "About" hyperlink stays visible with the navigation background color white after I add the media queries in.

I am not too sure what to do from here, but this is what my coding looks thus far. What changes do I need to make, so that the rest of the navigation links appear?

https://w.trhou.se/vm4qzu465k

2 Answers

Stephen Chamroeun
Stephen Chamroeun
7,095 Points
Stephen Chamroeun
Stephen Chamroeun
7,095 Points

Does that mean I would need to select the nav ul li a within my responsive CSS sheet within that media query and put the color/display changes there?

Cory Harkins
Cory Harkins
16,500 Points
Cory Harkins
Cory Harkins
16,500 Points

After looking at your code, it looks as if there are no color/display changes to your nav ul li a's once your screen goes over 480px.

Stephen Chamroeun
Stephen Chamroeun
7,095 Points

I know what I did wrong actually. In my main.css sheet, I selected the h1 twice below. I fixed the first selector and changed it over to the header and that fixed everything!

...header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }

logo {

text-align: center; margin: 0; }

h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }

h2 { font-size: 0.75em; margin: -5px 0 0; font-weight: normal; }