• 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

Primary menu css dropdown

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 › Primary menu css dropdown

This topic is: resolved

Tagged: css, dropdown, menu

  • This topic has 2 replies, 2 voices, and was last updated 10 years ago by crystina.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 11, 2013 at 5:15 pm #11354
    crystina
    Member

    Hi

    I created a dropdown on the second button in de primary menu:

    http://projects.mediatopia.nl/dominicus/

    When you go over  the button and see the dropdown then de layout shows how I want it, but when I go over de menu items in de dropdown I want the layout to stay the same. De blue button has to stay blue. I can't figure out how to do that.

    I hope someone can help me solve this puzzle, if it can be solved 😉

     

    Kind regards,

    Christine

    January 11, 2013 at 5:54 pm #11364
    csbeck
    Member

    I believe you need to add another style definition in your style.css file. Find the following style:
    .menu-primary li.blauw.current-menu-item,
    .menu-primary li.blauw.current-menu-item a,
    .menu-primary li.blauw a:active,
    .menu-primary li.blauw a:hover

    I believe this is where you have defined the colors for the rollover.

    Change the style name to include another class name called ".menu-primary li.sfHover" so the title of the style should end up being:
    .menu-primary li.blauw.current-menu-item,
    .menu-primary li.blauw.current-menu-item a,
    .menu-primary li.blauw a:active,
    .menu-primary li.blauw a:hover,
    .menu-primary li.sfHover

    Hopefully this helps.
    Chris

    January 12, 2013 at 3:11 am #11417
    crystina
    Member

    Hi Chris,

    Thank you very much, that is the answer!

    Regards Christine

     

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Primary menu css dropdown’ 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