WordPress.org

Ready to get started?Download WordPress

Forums

Expound
[resolved] Multi-Level Menu Issue (8 posts)

  1. JoeMD
    Member
    Posted 10 months ago #

    Hello folks,

    I've created a multi-level menu for my site, but there is an issue in selection the secondary level items. There is a small gap between the first level of the menu and the second. When moving the cursor from the 1st level, the 2nd level disappears when the cursor touches that gap.

    This can be overcome by moving the mouse quite fast, but that is not an ideal solution. Is there any way of overcoming this problem?

    Cheers.

    Site URL - http://soniccollectors.com/

  2. JoeMD
    Member
    Posted 10 months ago #

    P.S. Sorry, forgot to mention, the menu item with secondary levels is "News."

  3. JoeMD
    Member
    Posted 10 months ago #

    Guys, the site has gone live so I had to remove the problem menu item. However, the issue persists. Any suggestion as to how this might be fixed?

  4. Konstantin Kovshenin
    Member
    Theme Author

    Posted 10 months ago #

    That's strange. Can you reproduce it on the Expound demo site? http://wp-themes.com/expound

  5. JoeMD
    Member
    Posted 10 months ago #

    No, the demo doesn't have the little gap.

  6. JoeMD
    Member
    Posted 9 months ago #

    Ok, I've added a sub-menu item under Home. If you hover over Home you'll see "Community Spotlight" show. However, the gap I mentioned before still appears, making it very hard to select.

    Any ideas, Konstantin?

  7. Konstantin Kovshenin
    Member
    Theme Author

    Posted 9 months ago #

    Joe, so looks like your menu height is different, that causes the gap. Can you try and remove any custom CSS you have and see if you can still reproduce the issue? I'm referring to this rule, which is probably the one to blame:

    body {
        line-height: 1;
    }
  8. JoeMD
    Member
    Posted 9 months ago #

    Removed the following code and everything seems to be working fine now.

    body {
    
    	line-height: 1;
    background-position: center bottom!important;
    
    }

    Thanks. ^_^

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.