This topic is: resolved
- This topic has 23 replies, 3 voices, and was last updated 7 years, 8 months ago by .
- The forum ‘General Discussion’ is closed to new topics and replies.
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.
Community Forums › Forums › Archived Forums › General Discussion › Mobile Navigation Menu Not Showing properly
Uploaded. It´s not ok...
It´s much better.
Change the color here
.genesis-nav-menu.responsive-menu .current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu a, .genesis-nav-menu.responsive-menu > li:hover .sub-menu a, .genesis-nav-menu.responsive-menu a:hover, .genesis-nav-menu.responsive-menu li:hover > a {
color: #fff;
}
to
.genesis-nav-menu.responsive-menu .current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu a, .genesis-nav-menu.responsive-menu > li:hover .sub-menu a, .genesis-nav-menu.responsive-menu a:hover, .genesis-nav-menu.responsive-menu li:hover > a {
color: #000;
}
And then we are missing the Dashicons. (The "hamburger symbol", three horizontal lines, and the arrow-down symbol for the sub-menu)
In functions.php add
wp_enqueue_style( 'dashicons' );
right underneath where you added the responsive-menu.js
It should look something like
wp_enqueue_script( 'lifestyle-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_style( 'dashicons' );
Done!!! now looks pretty good 🙂
Next time please use paste bin
© 2024 WPEngine, Inc.