WordPress.org

Ready to get started?Download WordPress

Forums

Horizontal Drop Down Menu with Child Categories - ??? (2 posts)

  1. Anonymous
    Unregistered
    Posted 5 years ago #

    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>
  2. flick
    Member
    Posted 5 years ago #

    Maybe could consider a plugin?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.