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 Framework Basics Build a Website with Foundation Building the Top Bar

Ryan Hellerud
Ryan Hellerud
3,635 Points

Help building the top bar with Foundation

Can we get some answers on this site?

So far none of the classes I've tried have worked and I can't seem to find the correct answer

6 Answers

Hi Ryan,

I know it's frustrating when you're trying to learn new things and nothing seems to be going right. Don't Panic! I haven't had any trouble with any of the courses so far, and I've done a number of them, so I expect the troubles you're having are solvable with a little help.

What specifically are you having problems with?

Ryan Hellerud
Ryan Hellerud
3,635 Points

Hello, it was the question regarding hidden visibility for small devices only and i tried all the ones listed on the foundation docs and it didnt work.

Can you post a link to the specific track/session you're watching?

James Barnett
James Barnett
39,199 Points

Can you post a link to the specific track/session you're watching?

Steve Smith -

Check out the related content section in the sidebar it has a link to the code challenge this thread is about.

James Barnett
James Barnett
39,199 Points

It looks like Framework Basics is your first course on Treehouse, I might recommend you check out the CSS Foundations course first.

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Ryan;

I would also recommend CSS Foundations* prior to diving into Framework Basics, as Mr. Barnett recommends.

That being said, assuming you are comfortable with CSS, I would point you to the Top Bar documentation on the Foundation Docs website. There you will find the necessary instructions on how to implement their Top Bar nav element.

To directly answer your question, however, to implement the Top Bar in Foundation, you would write the code as:

<nav class="top-bar">
</nav>

Your lists and sections would go within the <nav></nav> elements.

Happy coding,

Ken

Ryan Hellerud
Ryan Hellerud
3,635 Points

Maybe I wasn't clear but it was question 4 i believe which was related to hidden visibility on small devices. I had read the foundation docs and tried their suggestions but it didn't work.

<p class="right hide-for-small">A Treehouse Project</p>

The specific docs for the Visibility Classes is here: http://foundation.zurb.com/docs/v/4.3.2/components/visibility.html