How does one remove the "Menu" text from the responsive menu in the Genesis Sample Theme?
The following block of code starts at line 35 in the Genesis Sample Theme's functions.php file. Look at the highlighted lines. Replace the word 'Menu' with ''. That's all folks!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //* Enqueue Scripts and Styles add_action( 'wp_enqueue_scripts', 'genesis_sample_enqueue_scripts_styles' ); function genesis_sample_enqueue_scripts_styles() { wp_enqueue_style( 'genesis-sample-fonts', '//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700', array(), CHILD_THEME_VERSION ); wp_enqueue_style( 'dashicons' ); wp_enqueue_script( 'genesis-sample-responsive-menu', get_stylesheet_directory_uri() . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0', true ); $output = array( 'mainMenu' => __( 'Menu', 'genesis-sample' ), 'subMenu' => __( 'Menu', 'genesis-sample' ), ); wp_localize_script( 'genesis-sample-responsive-menu', 'genesisSampleL10n', $output ); } |
It works now. After adding the color, I have to clear my chrome history & WP cache.
Thank you
Great tips!
Finally able to remove the ‘menu’, but any idea how I can change the responsive mobile menu color?
Look for the following CSS clas and add color to to it: .menu-toggle::before, .menu-toggle.activated::before
.menu-toggle::before {
margin-right: 10px;
text-rendering: auto;
background-color: #0b7142;
color: #0b7142;
}
.sub-menu-toggle.activated:before {
-webkit-transform: rotate( 180deg );
-ms-transform: rotate( 180deg );
transform: rotate( 180deg );
background-color: #0b7142;
color: #0b7142;
}
Can’t get it to work. Maybe its because i’m using design palette pro. My theme is magazine pro.
Anyway for the your reply.