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

mrx3
mrx3
8,742 Points
Posted by mrx3
mrx3
8,742 Points

I'm having some trouble with a responsive nav, and could use some help. Codepen include.

I followed a tutorial about making a responsive navigation. The tutorial is located at http://callmenick.com/post/simple-responsive-navigation-menu

And what the final navigation should like is this. http://callmenick.com/_development/simple-responsive-navigation/

If you resize the above tutorial you'll see the nav turns into a menu box with a neat little arrow on the right side.

If you check my codepen, and resize the browser, I don't have that arrow. Mine looks like a flat triangle. The style that applies to the arrow starts in two places. The first is the :after pseudo element on line 104-112. And the :after pseudo element on 119-123. I'm hoping someone here can help me fix this issue. Thank you in advance for any help.

Here's my codepen http://codepen.io/mike316/pen/MwmKRP

Michael Thomas
Michael Thomas
10,910 Points

Hey

I think it may have something to do with the assets you're pulling in. If you tried this on a local server or a live site with all of the assets then it should work. See attached google docs screen shot

https://drive.google.com/file/d/0B7H413HLe7xoVlpraDlmZ0FUM0E/view?usp=sharing

Michael Thomas
Michael Thomas
10,910 Points

Ah ok, that's not it, I just had a closer look at the actual tutorial itself...