Agency Header Nav Dropdown Difficult to click

[moxiegirl]

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/

[David Chu]

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.

.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;
}

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[moxiegirl]

That was it! Thanks for that smart thinking 🙂

[David Chu]

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

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts