drop down menus are my biggest fear

philjohns

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:
HTML:
<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:
PHP:
        <div id="navigation">

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

        </div>
as my CSS currently appears for my navigation div:
Code:
#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...

Thanks.

Phil
 
Back
Top