How to Add a Drop Down Menu to your Theme
A lot of people wanted to know the technique for adding a Drop Down Menu to their WordPress themes. So, here is a quick way to do this. This tweak will let you create menus, sub-menus and sub-sub-menus and it applies to your pages, categories and archives.
Step 1
Download the Suckerfish Dropdown Menu for WordPress. Even if you have installed WordPress 2.5 recently, this plugin works perfectly. Extract the plugin and put the files in your wp-content/plugins folder. Activate the plugin from your wp-admin section.
Step 2
Now, open your existing theme folder which you have applied to your WordPress installation. Most probably, you already have a navigation menu in the theme (most themes have it in the header.php file). So, just replace your existing menu code with this command :-
<?php suckerfish(); ?>
Save and close the file.
Step 3
This is the final step. Go to this online Suckerfish Dropdown CSS Generator, where you can generate a custom CSS file for your menu and copy it to your clipboard. Now go to your wp-admin and click on the Suckerfish option which you can find under the options menu (in WP 2.3) or the settings menu (WP 2.5). Paste the custom CSS information where it says “Enter your CSS here”. It might show something like #222 in the box which you can safely remove. The plugin also gives you options to choose the menu items that you want to display in the menu.
To test the functionality of this drop down menu, go ahead and make some pages and sub-pages. Preview your theme and it should work flawlessly. Let me know if you have any questions. Good luck!
I`ve tried creating drop down page on header blue green theme but it seems the color did not match with header background color.
How it should be as i`ve tried online Suckerfish Dropdown CSS Generator and did not find any color code that is same as my recent theme header color.
What is the Header color code of theme blue green?
If you don`t mind please do me in favor to handle this issue as you are the one who is capable of.
A million thank for the theme and the forward help
I`ve tried creating drop down page on header blue green theme but it seems the color did not match with header background color.
How it should be as i`ve tried online Suckerfish Dropdown CSS Generator and did not find any color code that is same as my recent theme header color.
What is the color code of theme blue green header?
If you don`t mind please do me in favor to handle this issue as you are the one the maker of this theme.
A million thank for the theme and the forward help
How do I recognise the navigation menu code in my header.php page?!
It does not work when I want to display categories….
Seems that the link you provide for creating the CSS style is dead. This is the correct link for it
http://pixopoint.com/suckerfish_css/
Btw, I can’t make this dropdown works (menu don’t show) on my IE6. Do you have any solution for this?