Agency Header Nav Dropdown Difficult to click

Community Forums Forums Design Tips and Tricks Agency Header Nav Dropdown Difficult to click

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 11 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #63436

    moxiegirl
    Participant
    Post count: 71

    I’m working on a client site and the dropdown is darn near impossible to click. It disappears to quickly. Help por favor!

    http://www.p2.websparklers.com/
    #63574

    David Chu
    Participant
    Post count: 1351

    Hi,
    Interesting, I think I found why. See the following command. It’s a teeny thing… I believe it’s your margin statement below. It causes a tiny space between the top menu item and dropdowns. That will give you tricky clicking! When I zeroed out that top margin, it seemed more clickable. It’s probably possible to mess with the CSS until you can get it working well with a visible space, but I would not want to fritter away tons of time doing that, especially with the fancy border radius stuff.

    [css]
    .menu-primary li ul, .menu-secondary li ul, #header .menu li ul {
    background-color: #454545;
    border-radius: 25px 25px 25px 25px;
    height: auto;
    left: -9999px;
    margin: 1px 0 0;
    padding: 3px 5px 5px;
    position: absolute;
    width: 150px;
    z-index: 9999;
    }[/css]

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #63578

    moxiegirl
    Participant
    Post count: 71

    That was it! Thanks for that smart thinking :)

    #63580

    David Chu
    Participant
    Post count: 1351

    Cool! CSS brainteasers are my game. ;)
    Have a good weekend!


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

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

The topic ‘Agency Header Nav Dropdown Difficult to click’ is closed to new replies.