How to Change/Remove Borders Between Links in Main Nav

WordPress Themes and Plugins Forums Antenna WordPress Theme How to Change/Remove Borders Between Links in Main Nav

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #540
    Anonymous
    Guest

    Hello,

    I have already changed the color of the main navigation menu using the Custom CSS section and would like to change the color of the borders that appear between menu items (see attached screenshot). These dividers do not appear in the mobile version. How can this be done?

    Thank you in advance.

    #1404
    admin
    Participant

    Hello,

    Please use following CSS Code Snippet in the Custom CSS Section to customize navigation borders.

    .sf-menu a,
    .sf-menu a:visited {
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    }
    .sf-menu li.prepend_item span {
    border-right: 1px solid #ccc;
    }
    .sf-menu li.append_item span {
    border-left: 1px solid #fff;
    }[/CODE]

    Thanks[CODE].sf-menu a,
    .sf-menu a:visited {
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    }
    .sf-menu li.prepend_item span {
    border-right: 1px solid #ccc;
    }
    .sf-menu li.append_item span {
    border-left: 1px solid #fff;
    }[/CODE]

    Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.