ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• December 22, 2014 at 9:07 pm #137354
  std

  Member

  Post count: 37

  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!

  December 22, 2014 at 11:26 pm #137378
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

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

  -Rui

  December 23, 2014 at 7:58 am #137429
  std

  Member

  Post count: 37

  This reply has been marked as private.
  December 24, 2014 at 7:35 am #137673
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  December 24, 2014 at 2:03 pm #137741
  std

  Member

  Post count: 37

  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

  December 25, 2014 at 3:30 am #137760
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  February 11, 2015 at 10:19 am #149004
  std

  Member

  Post count: 37

  This reply has been marked as private.
  February 11, 2015 at 10:28 am #149009
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  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

  February 12, 2015 at 9:22 am #149303
  std

  Member

  Post count: 37

  This reply has been marked as private.
  February 12, 2015 at 9:31 am #149306
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  February 12, 2015 at 10:36 am #149342
  std

  Member

  Post count: 37

  This reply has been marked as private.
  February 12, 2015 at 10:37 am #149345
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Can you please provide your link?

  – Kyle

  February 12, 2015 at 10:42 am #149348
  std

  Member

  Post count: 37

  This reply has been marked as private.
  February 12, 2015 at 10:48 am #149352
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  February 12, 2015 at 11:14 am #149372
  std

  Member

  Post count: 37

  This reply has been marked as private.
• Back to forum

  Posted in: Cardinal