Topic Resolution: Not Resolved
  • Closed
  • Joe Chip
    Spectator
    29.03.2016 at 19:13 #26021

    Hi ! It’s me again 😉

    I woulf like to know, how to create a menu separated by a bar but first and last item has no bar?

    Should I add this :

    height: 40px;
    width: 1px;
    margin: 0 5px;
    overflow: hidden;
    background-color: #DDD;
    border-right: 2px solid #FFF;

    to those class :

    menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-66 current_page_item menu-item-76 active

    It’s seems endless.

    Or I could just add border-left:1px black !important; to ul.nav-menu > li classs ?

    thanks !

    Denzel Chia
    Moderator
    Posts: 2656
    30.03.2016 at 02:06 #26036

    Hi,

    Not sure if it’s possible.
    You can try using first child and last child selector.
    http://www.w3schools.com/cssref/sel_firstchild.asp
    http://www.w3schools.com/cssref/sel_last-child.asp

    Thank you