How do i create a retractable menu?

Get Started
1

Hi everyone, Im new to web design but after designing my first few sites just using html Ive started to get the bug and want to some more elaborate things to improve them. One of these things is trying to sort out my own navigation menu.
After searching around seeing what could be done I came across this:

http://www.kingsizetheme.com/

The hide able menu on this wordpress theme is something I would love to learn how to create anyone know how it was created or of any tutorials I could follow to achieve this with a completly custom look?

Cheers!

2

Hi azura. Welcome to the forums. :slight_smile:

That menu behavior is a combination of CSS and jQuery (a version of JavaScript). You can see some of the code for it here:

http://www.kingsizetheme.com/wp-content/themes/kingsize/js/custom.js?ver=3.4

A good way to learn how to do a dropdown is to study the “Suckerfish” method:

http://www.htmldog.com/articles/suckerfish/dropdowns/

And then if you want to enhance it with JavaScript, take a look at Superfish:

http://users.tpg.com.au/j_birch/plugins/superfish/

3

Hi Ralph.m Thanks for your reply Ill do that and hopefully create my own version

Cheers!