Can you enable CSS Classes in the Menu on WP.com?

• 

  hawaiiwp · Member · Apr 21, 2017 at 8:08 am

  • Copy link
  • Add topic to favorites

  Hello,
  I have the premium plan at WordPress.com.

  Is there a way to enable CSS Classes on the menu?

  Thanks!
  arlen

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

• 

  otpidusprime · Member · Apr 21, 2017 at 8:53 am

  • Copy link

  Hello @hawaiiwp,
  You cannot add additional CSS classes to the menu because we are not allowed to edit the underlying HTML codes.

  But you can target the menu by targetting the classes that they already have.

  So to do that, right click on the menu item and click Inspect/Inspect Element. Now notice the classes that the menu is using and then target any of those classes using CSS.

  FOR EXAMPLE:
  You menu is currently inside this parent div:

  <div class="menu-topnav-container">
       <!--additional HTML's for the menu-->
  </div>

  So what you can do is target this element using the CSS Editor, like this:

  .menu-topnav-container {
      // your custom CSS codes
  }

  Hope this helps. 🙂

• 

  hawaiiwp · Member · Apr 21, 2017 at 9:38 pm

  • Copy link

  Mahalo!

  I am used to WordPress.org where I have much more control.

  :)
  arlen

• 

  otpidusprime · Member · Apr 22, 2017 at 7:25 am

  • Copy link

  Hello again @hawaiiwp,
  Can please specify the link to the site you need help with?

  Thanks! 🙂