• 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

Dropdown sub menu not showing on phone device, Monochrome 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 › Dropdown sub menu not showing on phone device, Monochrome Pro

This topic is: resolved

Tagged: dropdown menu, monochrome pro

  • This topic has 2 replies, 2 voices, and was last updated 2 years, 2 months ago by di.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 9, 2020 at 10:11 am #501837
    di
    Participant

    The sub-menus are not showing on my iPhone, even though they do on a desktop and iPad. I'm using Monochrome Pro. The links I'm referring to are Services and Field Sketches. Any suggestions?

    https://adunate.com
    November 9, 2020 at 1:41 pm #501840
    Bianca
    Participant

    Hi there,
    Looks like the problem is with the colors of the sub menu.
    If you take a look at the style.css at line 2218 the color of the toggle is set to #474740.

    .menu-toggle,
    .sub-menu-toggle {
    border-width: 0;
    		color: #474740; /*ADUNATE was #000*/
    		display: block;
    		font-family: "Open Sans", sans-serif; /*ADUNATE was Muli*/
    		margin: 0 auto;
    		overflow: hidden;
    		text-align: center;
    		visibility: visible;
    		width: auto;
    	}

    Because of that you are not able to see the toggle arrow to for the sub navigation on a mobile.

    Same goes for line 2323.

    .genesis-responsive-menu.nav-primary .genesis-nav-menu .sub-menu a {
    		color: #474740; /*ADUNATE was #000*/
    	}

    So basically check all the elements that are set to #474740 if the problem persists. Goodluck.


    I am a Marketing Communications specialist at Communics.

    Visit my personal website | Follow me on Twitter | Connect on LinkedIn

    November 10, 2020 at 8:04 am #501847
    di
    Participant

    @Bianca, thanks for your help with this. Made your suggested changes and things are working great. Just checked Chrome and Safari and they're both spot on. Thanks so much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Dropdown sub menu not showing on phone device, Monochrome 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