Removing Border Right From Last Nav Item

Community Forums Forums Design Tips and Tricks Removing Border Right From Last Nav Item

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Tony @ AlphaBlossom 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #104937

    jessicakstudio
    Participant
    Post count: 26

    I am trying to remove the border-right from my last Nav bar item.

    .genesis-nav-menu > .last > a:after {
    border-right: solid 1px #FFFFFF !important;
    }

    Is what I am trying to use now, however it is not working for me.

    Any insight would be much appreciated.

    Thanks,
    Jessica

    http://k-fancy.com/
    #104952

    Tony @ AlphaBlossom
    Participant
    Post count: 519

    Hello,

    You can add this to your style.css file:

    
    .nav-primary  .genesis-nav-menu > li:last-child > a {
        border-right: none;
    }
    

    I’d add it after “.genesis-nav-menu > .menu-item > a” around line 973.

    I’d recommend changing “.genesis-nav-menu > .menu-item > a” to border-left and using li:first-child instead, because of slightly better browser support:

    
    .genesis-nav-menu > .menu-item > a {
        border-left: 1px solid #000000;
        text-transform: uppercase;
    }
    
    .nav-primary  .genesis-nav-menu > li:first-child > a {
        border-left: none;
    }
    

    Have a great day,
    Tony


    #104957

    jessicakstudio
    Participant
    Post count: 26

    Thanks Tony! It worked like a charm! ;)

    #104958

    Tony @ AlphaBlossom
    Participant
    Post count: 519

    Awesome Jessica, glad I could help!


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.