Drop Down Menu Doesn't Allow Me to Click on Drop Downs

Community Forums Forums General Discussion Drop Down Menu Doesn't Allow Me to Click on Drop Downs

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  rfmeier 1 year, 5 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #45788

    purplemagpie
    Participant
    Post count: 27

    Hi,

    I’ve got my Custom Menu set up on the Quattro Theme and have a problem I can’t find a fix for.

    If you hover over the “Topic”  button it opens the dropdown. But it won’t let me go to the dropdowns to click on them. Once in a while the first one “order books. etc.” will, but mostly it’s herky jerky or dead.

    Here’s the site http://www.senseofplacepress.com

    I’d greatly appreciate others trying to open those drop downs. Is it a Firefox thing? I’ve never had this problem on any site that I can remember opening–not just the ones I’ve built but also the ones I’ve seen and read.

    Thanks!

    Maggie

    http://www.senseofplacepress.com
    #45794

    rfmeier
    Participant
    Post count: 597

    Hello,

    I was able to replicate the same issue. There is an ‘empty’ gap between the menu link and the drop-down. Hovering over the menu link will show the drop-down, but when your mouse moves down to the drop-down menu, it hits the empty space. This results in the drop-down menu hiding again.

    I was able to correct this issue editing the style.css file in Chrome like below;

    [css]
    /* line ~296 */
    .menu-primary a,
    .menu-secondary a,
    #header .menu a {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    background: url(images/nav-line.png) no-repeat center right;
    color: #444;
    display: block;
    padding: 0 16px 10px 15px; /* copy this line */
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    }

    /* line ~367 */
    .menu-primary li ul, .menu-secondary li ul, #header .menu li ul {
    background: url(images/wrap.png);
    border: 1px solid #ccc;
    border-top: 0;
    height: auto;
    left: -9999px;
    /* margin: 10px 0 0; */ /* comment out this line */
    padding: 0 10px;
    position: absolute;
    width: 150px;
    z-index: 9999;
    }[/css]

    I hope this helps.


    #45801

    purplemagpie
    Participant
    Post count: 27

    Ryan,

    Thanks. That was FAST!

    I will work on your suggestion tonight and get back.

    But, does this mean there’s something wrong with the theme? Or is it something I did? And if I did, how did I do it? And, finally, if it’s something wrong with the theme, how come no one else has mentioned it?

    Inquiring minds want to know.

    Maggie

    #45920

    rfmeier
    Participant
    Post count: 597

    Maggie,

    Why or how the theme style works like that is… unknown.


    #46213

    purplemagpie
    Participant
    Post count: 27

    Ryan,

    Thanks! That fixed it.

    .. .on to the next “weird thing” ….

    Maggie

    #46243

    rfmeier
    Participant
    Post count: 597

    You are welcome. I am glad I could help.


Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.