• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Agency Header Nav Dropdown Difficult to click

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: resolved

Tagged: Agency, dropdown, header, menu, navigation

  • This topic has 3 replies, 2 voices, and was last updated 10 years ago by David Chu.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2013 at 2:25 pm #63436
    moxiegirl
    Member

    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/
    September 20, 2013 at 1:55 pm #63574
    David Chu
    Participant

    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

    September 20, 2013 at 2:13 pm #63578
    moxiegirl
    Member

    That was it! Thanks for that smart thinking ๐Ÿ™‚

    September 20, 2013 at 2:46 pm #63580
    David Chu
    Participant

    Cool! CSS brainteasers are my game. ๐Ÿ˜‰
    Have a good weekend!


    Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Agency Header Nav Dropdown Difficult to click’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble