exact CSS code to change 3 lines menu navicon

• 

  twentyone32blog · Member · Jun 25, 2015 at 4:41 pm

  • Copy link
  • Add topic to favorites

  Hello!
  I am using the premium version of wordpress with the intergalactic theme.
  I would like to change the 3 lines icon to something that still has the three lines but says “MENU” next to it.
  Or maybe just the word “MENU”.

  I am not CSS savvy so I would need the exact code and where to place it in this theme to achieve either the 3 lines with the MENU or MENU by itself without the 3 lines…whichever is easiest to code.

  Thank you!!!!!!

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

• 

  thesacredpath · Member · Jun 26, 2015 at 4:16 am

  • Copy link

  Hi there, below is the CSS that would be required, which you would be paste in at Appearance > Customize > CSS, but in order to do that, you would need to upgrade to the WordPress.com Premium or WordPress.com Business plan, which include the Custom Design feature.

  .lines::before {
      content: "Menu";
      top: -7px;
      left: -15px;
  }
  .lines::before, .lines::after, .lines {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  }
  .menu-toggle {
      width: 80px;
  }

  You can try out and preview custom CSS before you buy as explained here.