• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

drop down menus are my biggest fear


Senior Member
Right, with a little help from anyone willing I plan to over come one something that I've never got my head around.

Im building my new website in wordpress - PJ Studio – Creative Media

The main nav (3 links just above the "PS Rooms" bit) I want to be a drop down. I want it to use the Wordpress Custom Menus as it does now but I need to add the style to my css file to make this work.

So far my code is as follows:

as the raw html appears in the browser:
<div id="navigation">              <div class="menu-main-nav-container"><ul id="menu-main-nav" class="menu"><li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-42"><a href="http://www.pjstudio.co.uk/site/about/">About</a> <ul class="sub-menu">     <li id="menu-item-47" class="menu-item menu-item-type-custom menu-item-47"><a href="http://test">test</a></li> </ul> </li> <li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-44"><a href="http://www.pjstudio.co.uk/site/contact-us/">Contact Us</a></li> </ul></div>         </div>
as my code appears in the header.php within wordpress:
        <div id="navigation">

            <?php wp_nav_menu(array('menu' => 'Main Nav')); ?>

as my CSS currently appears for my navigation div:
#navigation {    float: right;    height: 26px;    padding-top: 4px;    margin: auto;    text-align: right;    clear: both;}    #navigation ul li {        list-style: none;        margin-left: 20px;        display: inline-block;    }    #navigation a:link, #navigation a:visited, #navigation a:active {        text-decoration: none;        color: #9e1f63;    }    #navigation a:hover {        text-decoration: underline;        color: #9e1f63;    }
I've taken a look at Harrys' css drop down menu post and had one go at putting the code into my files but didnt succeed. things got ugly!

Anyone able to give me a hand on this? Would be much appreciated...