add MENU before hamburger icon

[std]

hey guys,
i am using cardinal header 4, and would like to add the word MENU in the mobile menu, so its more clear, then the hamburger icon. is it possible to add MENU left before the hamburger icon?

thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide the site url? So I can provide you the correct css.
Thanks

-Rui

[std]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.mobile-header-opts:before {content: "Menu" !important;}
Thanks
Mohammad

[std]

Thanks Mohammad, that works!

The only thing is that the word MENU is not active as link, to open the mobile menu.
Can you tell me how?

Thanks
std

[Mohammad – SUPPORT]

Hi,
There is no :before and :after selector in jQuery. So we cant listen any event on it. Hope you will understand.
Thanks
Mohammad

[std]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

It’s here in this line

  $mobile_menu_icon     = apply_filters( 'sf_mobile_menu_icon', '<span class="menu-bars"></span>' );

Replace the
<span class="menu-bars"></span>

for your desired code.

-Rui

[std]

This reply has been marked as private.

[Kyle – SUPPORT]

In sf-header.php there is a line:

$mobile_menu_icon = apply_filters( 'sf_mobile_menu_icon', '<span class="menu-bars"></span>' );

change that to:

$mobile_menu_icon = apply_filters( 'sf_mobile_menu_icon', '<span>MENU</span>' );

– Kyle

[std]

This reply has been marked as private.

[Kyle – SUPPORT]

Can you please provide your link?

– Kyle

[std]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

a.mobile-menu-link {
text-indent: 0;
width: auto;
}

And take the word ‘menu’ out of the span in the sf-header.php file

– Kyle

[std]

This reply has been marked as private.