removing rectangle around menu items

• 

  vanguardhq · Member · Feb 24, 2015 at 12:57 pm

  • Copy link
  • Add topic to favorites

  Hi

  Please could you help us remove the square around the menu items? When you click on a menu item, the correct page loads and then you see the menu item changes colour and a rectangle is drawn around it. We would like to keep the change in colour of the text but remove the rectangle.

  We are using the Portfolio theme and our site is http://www.vanguard-method.net

  Many thanks

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

• 

  thesacredpath · Member · Feb 25, 2015 at 12:04 am

  • Copy link

  Hi there, you can use the following CSS to get rid of the border around the current page item in the menu.

  nav[role="navigation"] li.current_page_item a, nav[role="navigation"] li.current_page_parent a, nav[role="navigation"] li.current-menu-item a, nav[role="navigation"] li.current-menu-parent a {
      border: none;
  }