Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Responsive nav with logo issues

So I'm trying to get my navigation float to the right of the 650x300 placeholder img which I can do if I float the placeholder img to the left but when I do that and shrink my screen down to 320x480 the expanding and contracting responsive menu doesn't work. If I don't float the img then the responsive menu works just fine but then the img and menu are not flush with each other in full screen.

I've linked the page to CodePen The responsive nav animation doesn't seem to be working in code pen but if you create a stylesheet for the css and a separate one for the styles in the header and then link those two and the js in the header it should work.

Any help or tips would be greatly appreciated. Thanks

Did you ever solve this?

1 Answer

Depending on the result you are looking for, you have different options. Can you explain how the menu and the 650x300 img are suppose to behave when you shrink the menu?