Cómo eliminar la palabra “Menu” del menú responsive y agrandar el icono hamburguesa

Si la palabra “Menu”, al lado del icono hamburguesa (las tres barritas horizontales apiladas), te incomoda, puedes eliminarla con el siguiente hack:

Entra en el archivo “responsive-menus.php”, que encontrarás en la carpeta “config” y deja la instrucción “return” como sigue:

return [
‘script’ => [
‘mainMenu’ => __( ”, ‘genesis-sample’ ),
‘menuClasses’ => [
‘others’ => [ ‘.nav-primary’ ],
],
],
‘extras’ => [
‘media_query_width’ => ‘960px’,
],
];

Si quieres aumentar el tamaño del icono hamburguesa, añade el siguiente código al final del archivo style.css, o mejor en “Apariencia > Personalizar > CSS Adicional”:

.menu-toggle {
    margin-bottom: 15px; 
    padding: 7px 0; 
} 
.site-header .menu-toggle:before {
    font-size: 40px; 
    width: 30px; 
    height: 30px; 
}

Et voilà!