Grow your CSS skills. Land your dream job.

WordPress How To include JQuery dropdown menu

  • # June 11, 2009 at 8:57 am

    I have a dropdown menu working fine on my site:
    http://lifegivingspring.info

    but cannot get same menu to work in WordPress theme I’m building following CSStricks personal theme tutorial:
    http://lifegivingspring.info/wordpress

    I’ve linked js in head, but when I add child categories, I just get 1 big list with no hover function.

    How can I get js to activate hover function in WP so only parent categories in list show in navbar, and child pages on hover?

    # June 12, 2009 at 3:33 pm

    Seem to have gotten around issue by using script-free CSS dropdown menu based on this prototype:
    http://www.grc.com/menu2/invitro.htm

    but have ended up with space between ul li items in main navbar:
    http://lifegivingspring.info/wordpress/

    I’ve checked all margin and padding CSS to no avail.

    Any idea how to get rid of unwanted space?

    # June 12, 2009 at 4:55 pm

    Remove this line from your css:

    Code:
    list-style: square inside;
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".