[Resolved] CSS menu separator between words

Home Forums Support CSS menu separator between words

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #110124
    Marko

    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

    #110168
    Tom
    Lead Developer
    Lead Developer

    Using the :last-child pseudo selector:

    .footer-widgets .widget_nav_menu li:last-child {
          border-right: 0;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.