Mobile Navigation Menu Not Showing properly

[jimbo5]

Uploaded. It´s not ok...

[Christoph]

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' );

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[jimbo5]

Done!!! now looks pretty good 🙂

[Saqib Ali]

Next time please use paste bin

[Author]

Posts