Archived topic

CSS menu separator between words

1 reply · Started by Marko on May 25, 2015

Viewing posts 1–2 of 2

May 25, 2015 at 1:47 am #110124

I would like to use a separator in a horizontal footer menu.

This is my ccs code:
.footer-widgets .widget_nav_menu li {
float: left;
margin-right: 10px;
border-right: 1px solid #000;
padding-right:10px;

How can i remove automatically the border from the last entry?

Text1 | Text2 | Text3 |

it should be diplayed without the last border/pipe:
Text1 | Text2 | Text3

May 25, 2015 at 7:49 am #110168

Using the :last-child pseudo selector:

.footer-widgets .widget_nav_menu li:last-child {
      border-right: 0;
}

This archived topic is closed to new replies.