Replacing Menu log for text – Tonal theme

• 

  marcfauvet · Member · May 21, 2015 at 8:26 am

  • Copy link
  • Add topic to favorites

  hello Happy Helpers !
  i’d like to change the menu logo (top right of the main page) to a same sized tab that says ‘Menu’ instead so it’s very clear for my readers.
  is there a CSS to do this ?
  if so, i’d really appreciate your help !
  cheers,
  Marc
  http://www.the limpcobra.com

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · May 21, 2015 at 10:21 am

  • Copy link

  Try this style:

  @media only screen and (min-width: 64.063em) {
      div#menu-nav {
          width:auto;
      }
  
      #menu-nav:before {
         content: 'Menu';
  }
  }

  This will display Menu (or whatever text you wish) on the larger screens only. On smaller screens hamburger icon is shown like it is now.

• 

  marcfauvet · Member · May 21, 2015 at 11:37 am

  • Copy link

  fantabulous !
  thanks so much for your help, it’s really appreciated :-)
  hope you have a magnificent day,
  Marc