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 ); } |
zach
August 30, 2017 at 9:38 pmIt works now. After adding the color, I have to clear my chrome history & WP cache.
Thank you
Zach
August 30, 2017 at 9:59 amGreat tips!
Finally able to remove the ‘menu’, but any idea how I can change the responsive mobile menu color?
Victor M. Font Jr.
August 30, 2017 at 10:31 amLook for the following CSS clas and add color to to it: .menu-toggle::before, .menu-toggle.activated::before
Zach
August 30, 2017 at 9:05 pm.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.