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!

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


Background Img in Menu Navigation

So I've created a start up project for myself and I'm at a lost with including a background img for my drop down navigation for viewports under 600px. When I resize the browser to 600px the menu navigation shows up but without the img to the left. If any one can help out that would be awesome

Here's a link to my codepen----> http://cdpn.io/pwFbH

6 Answers

Adam Sackfield I wish I could watch the Bootstrap stuff its for Gold accounts, I have a Silver account. I've visited the Bootstrap website but its too confusing for me. If you have any links, articles, videos or any other mediums that would help out I'm trying to look around

This tutorial will guide you through setting it up, with a menu icon here let me know if it raises any questions and I will try and clarify it for you

Are you sure your link is to the correct path as look at this modified pen and an image does show up here

here is the img, but I thought I could include it in the img folder then it would work

img link----> webdesignerwall.com/demo/mobile-nav/images/menu-icon.png

Adam Sackfield I seen the code wrote in the url, and I replaced it with my code and nada

In that case I find it's better to include the image on the page for your menu, hide it then show it at the size you want. If you take a look at Bootstrap 3's responsive navigation then you will see how they implement it. You could even use a font icon from icomoon for a menu like that

Adam Sackfield thanks a lot =D