Adding third level dropdown menu (4 posts)

  1. mep
    Posted 2 years ago #


    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.


  2. esmi
    Forum Moderator
    Posted 2 years ago #

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

  3. mep
    Posted 2 years 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
    Posted 2 years 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:


    Any ideas?

Topic Closed

This topic has been closed to new replies.

About this Topic