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

JavaScript

Posted by Shaun Kelly
Shaun Kelly
35,560 Points

Help with Javascript push menu!

Hi guys, I'm currently putting together a portfolio website and wanted a menu that pushes in from the right hand side of the page, pushing the content to the left.

similar to the one in this link: http://callmenick.com/tutorial-demos/slide-push-menus/

Here is the menu icon i want to be displayed in the top right hand corner of the page: http://codepen.io/CreativeJuiz/pen/oCBxz

When the menu icon is clicked, the menu should push in from the right.

And finally here is my website: http://codepen.io/sdk_19/pen/biAgG

Any help on achieving this would be appreciated. I have already tried and not succeeded! I ended up making a mess of the code.

1 Answer

kareem Pierre
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
kareem Pierre
Full Stack JavaScript Techdegree Student 20,263 Points
kareem Pierre
.a{fill-rule:evenodd;}techdegree
kareem Pierre
Full Stack JavaScript Techdegree Student 20,263 Points

This sidebar is very basic and easy to implement into your site. it is written clean so any custom changes you have in mind can be added without any problems. They also give i nice explanation on how to implement this. I believe this is close to what your asking?

Link: http://www.berriart.com/sidr/