Search code examples
csspseudo-class

CSS before after charter size too small

When adding menu separator slash with CSS before the slash is too small/cut in height.

Example code:

ul.menu.m-header-default-menu li.menu-item:before { content: "/"; padding: 0 .75em; }
ul.menu.m-header-default-menu li.menu-item:first-child:before { content: ""; padding: 0; }

ul.menu.m-header-default-menu li.menu-item {
margin-left: 0;
}

How to do it?

Thanks!

Solution

  • You could set the font-size of the ::before content to 17 pixels. This would make its size match the text links.