WordPress.org

Support

Support » Plugins and Hacks » Horizontal Drop Down Menu with Child Categories – ???

Horizontal Drop Down Menu with Child Categories – ???

  • Hey everyone,

    I want to use Categories as drop down menus on a blog. You can see an example of what I want to achieve here.

    The problem is that I’m using the wp_list_categories function. I’m trying to seperate my categories like this:

    Parent
    |
    Child One – > Child Two

    If anyone needs any more info, please let me know. You can see the CSS and HTML I’ve used to get this working in the link above. The problem when using wordpress functions, is you end up with this:

    <ul id="menu">
    		<li class="page_item page-item-1"><a href="http://blog.markmiller.co.uk">Home</a></li>
    		<li class="page_item page-item-2"><a href="http://blog.markmiller.co.uk/?page_id=2" title="About">About</a></li>
           		<li class="cat-item cat-item-18"><a href="http://blog.markmiller.co.uk/?cat=18" title="View all posts filed under Professional">Professional</a>
    </li>
             <ul>
    					<li class="cat-item cat-item-3"><a href="http://blog.markmiller.co.uk/?cat=3" title="View all posts filed under Weddings">Weddings</a>
    <ul class='children'>
    	<li class="cat-item cat-item-4"><a href="http://blog.markmiller.co.uk/?cat=4" title="View all posts filed under Victoria and Tom">Victoria and Tom</a>
    </li>
    	<li class="cat-item cat-item-8"><a href="http://blog.markmiller.co.uk/?cat=8" title="View all posts filed under Kate and Bobby">Kate and Bobby</a>
    </li>
    	<li class="cat-item cat-item-9"><a href="http://blog.markmiller.co.uk/?cat=9" title="View all posts filed under Kerry and Paul">Kerry and Paul</a>
    </li>
    	<li class="cat-item cat-item-12"><a href="http://blog.markmiller.co.uk/?cat=12" title="View all posts filed under Rebecca and Scott">Rebecca and Scott</a>
    </li>
    	<li class="cat-item cat-item-16"><a href="http://blog.markmiller.co.uk/?cat=16" title="View all posts filed under Helen and Andrew">Helen and Andrew</a>
    </li>
    </ul>
    </li>
    	<li class="cat-item cat-item-5"><a href="http://blog.markmiller.co.uk/?cat=5" title="View all posts filed under Venues">Venues</a>
    <ul class='children'>
    	<li class="cat-item cat-item-6"><a href="http://blog.markmiller.co.uk/?cat=6" title="View all posts filed under Aldwark Manor">Aldwark Manor</a>
    </li>
    	<li class="cat-item cat-item-10"><a href="http://blog.markmiller.co.uk/?cat=10" title="View all posts filed under Simonstone Hall">Simonstone Hall</a>
    </li>
    	<li class="cat-item cat-item-13"><a href="http://blog.markmiller.co.uk/?cat=13" title="View all posts filed under Villa Antiche Mura, Sorrento">Villa Antiche Mura, Sorrento</a>
    </li>
    	<li class="cat-item cat-item-14"><a href="http://blog.markmiller.co.uk/?cat=14" title="View all posts filed under Villa Fondi, Piano Di Sorrento">Villa Fondi, Piano Di Sorrento</a>
    </li>
    	<li class="cat-item cat-item-15"><a href="http://blog.markmiller.co.uk/?cat=15" title="View all posts filed under Judges">Judges</a>
    </li>
    </ul>
    </li>
    	<li class="cat-item cat-item-7"><a href="http://blog.markmiller.co.uk/?cat=7" title="View all posts filed under Pre-Wedding Session">Pre-Wedding Session</a>
    </li>
    		</ul>
         </ul>
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Horizontal Drop Down Menu with Child Categories – ???’ is closed to new replies.