Adding third level dropdown menu

  • mep

    (@mep)


    9 years, 10 months 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    9 years, 10 months ago

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

    Thread Starter mep

    (@mep)

    9 years, 10 months ago

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

    Thread Starter mep

    (@mep)

    9 years, 9 months 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?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding third level dropdown menu’ is closed to new replies.