• 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

Opaque submenus in Metro Pro

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 › Opaque submenus in Metro Pro

This topic is: resolved

Tagged: Metro Pro, submenu

  • This topic has 4 replies, 2 voices, and was last updated 8 years, 7 months ago by nomad_jess.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 21, 2014 at 5:47 am #120180
    nomad_jess
    Member

    Hi there,

    I'm having some issues with my submenus in the Metro Pro theme. It seems no matter what colour is set for the submenu background, it appears opaque until you hover over a specific submenu item. This means that when you hover over the main menu item, the submenu options are very difficult to read over the top featured image.

    Can anyone provide any assistance?

    Many thanks in advance!

    Jess

    http://notesofnomads.com
    August 21, 2014 at 10:42 pm #120400
    Tony @ AlphaBlossom
    Member

    Hi,

    You have to add a background color to your sub menu li a:

    Around line 1004 of your theme's style.css file you have ".genesis-nav-menu .sub-menu a". Add your background color to that and you'll be set:

    background-color: #cccccc;

    Take care,
    Tony


    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    August 22, 2014 at 12:13 am #120413
    nomad_jess
    Member

    You're a genius! Thanks so much, Tony!

    Really appreciate your help! 🙂

    August 22, 2014 at 12:17 am #120414
    Tony @ AlphaBlossom
    Member

    Just a lucky guess 😉

    Glad I could help out! Have a good night.


    Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

    August 22, 2014 at 12:32 am #120417
    nomad_jess
    Member

    Good thing for lucky guesses! 😉

    Many thanks once again and good night (well, morning here). 🙂

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Opaque submenus in Metro Pro’ 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