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:
as my code appears in the header.php within wordpress:
as my CSS currently appears for my navigation div:
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
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>
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; }
Anyone able to give me a hand on this? Would be much appreciated...
Thanks.
Phil