WordPress.org

Ready to get started?Download WordPress

Forums

Adding third level dropdown menu (4 posts)

  1. mep
    Member
    Posted 1 month ago #

    Hi,

    I am using a theme that supports the dropdown feature for the main navigation bar, but only for two levels (meaning, one dropdown effect). I really to add a third level so visitors will have easier time navigating my site. How can I do this? I can handle some CSS and HTML.

    Thanks

  2. esmi
    Forum Moderator
    Posted 1 month ago #

    What theme are you using? Where did you download it from?

  3. mep
    Member
    Posted 1 month ago #

    I am using Fine theme, I downloaded it via admin panel. But I could also do it from the developer's site, Cyberchimp

  4. mep
    Member
    Posted 3 weeks ago #

    Okay, so I managed to add a third level drop down using css, but now that third level pops out from underneath the the parent menu, instead of from the side. This creates an ugly white space whenever I hover over the second level item.

    I tried to set the "top" to 0, but it doesn't help.

    the code I have at the moment is:

    .nav ul ul {
    display: none;
    margin-left: 20px;
    position: relative;
    left: 50%;
    top: 0;

    }

    .nav ul li:hover ul {
    display: block;

    Here's a screen shot of the current situation:

    http://www.thephotographyreview.com/wp-content/uploads/2014/07/third-level.jpg

    Any ideas?

Reply

You must log in to post.

About this Topic