Remove dots in Menu

• 

  afinocchiarophoto · Member · Feb 23, 2017 at 11:51 am

  • Copy link
  • Add topic to favorites

  How do I remove the dots in the main menu?

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

• 

  aakashpatelsite · Member · Feb 23, 2017 at 12:53 pm

  • Copy link

  Hi,
  To remove dots in the main menu then add following CSS

  @media screen and (min-width: 768px)
  ??-eJx9UltSwzAM…zflB3bfl…:5486
  .main-navigation .nav-menu > li > a:after, .main-navigation .menu > li > a:after {
      color: #fff;
      content: " 2022";
      margin-left: 1em;
  }

  Thanks,
  Aakash Patel

• 

  afinocchiarophoto · Member · Feb 24, 2017 at 2:32 pm

  • Copy link

  Hi, this didn’t work for me. @thesacredpath, are you able to help?

• 

  thesacredpath · Member · Feb 25, 2017 at 2:26 am

  • Copy link

  To remove the dots between the menu items, add the following.

  .main-navigation .nav-menu > li > a::after, .main-navigation .menu > li > a::after {
  	content: "";
  }

• 

  afinocchiarophoto · Member · Feb 25, 2017 at 2:29 am

  • Copy link

  Thank you! This works!

• 

  thesacredpath · Member · Feb 25, 2017 at 2:53 am

  • Copy link

  You are welcome.