How to create blank space between menue buttons?

• 

  heilendewege · Member · Feb 28, 2014 at 4:02 pm

  • Copy link
  • Add topic to favorites

  Is there a possibility to group elements in the menue bar with not clickable blank space as deviders? Until now I did put a page menue entry and named it just with a “.” Unfortunately you have to name it otherwise it does not appear in the menue bar….any suggestions?

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

• 

  gracejiyoung · Member · Mar 4, 2014 at 5:46 pm

  • Copy link

  Hi Katharina!

  Sure! You can do this by editing the CSS as you did for a couple other elements on your page! Try adding this to your CSS editor:

  li#menu-item-1974, li#menu-item-1973 {
  	pointer-events: none;
  	cursor: default;
  }
  
  li#menu-item-1974 a, li#menu-item-1973 a  {
  	color: transparent;
  }

  What the first part does is eliminates the ability of those empty menu tabs to be clickable. Then, the next part gets rid of the “.” in the menu.

  If this is not what you wanted, please let me know and I will see what I can do!

  Cheers!

• 

  heilendewege · Member · Mar 10, 2014 at 8:35 pm

  • Copy link

  Thank you Grace! I just did paste and copy it…the “.” are gone but it’s still clickable….why?

  Thanks for more help!

• 

  gracejiyoung · Member · Mar 10, 2014 at 8:55 pm

  • Copy link

  Hi Katharina,

  I completely forgot that the pointer-events code is not allowed in the CSS. Sorry for the confusion. Unfortunately, that means it will still be clickable, but we can remove the “.” as we did.

  Cheers!