Navigation
Archive / Navigational Link divider question
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 11, 2017 at 4:37 pm #1403334
    DHall_Designer
    Participant

    I have the divider link CSS code implemented, but for some reason it won’t center. It’s to close to the navigational button names and need to be more centered.

    March 11, 2017 at 4:42 pm #1403336
    DHall_Designer
    Participant
    This reply has been marked as private.
    March 12, 2017 at 12:44 am #1403576
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To center your divider lines for each menu items, please update the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

    .x-navbar .desktop .x-nav > li > a:after {
    content: "|";
    position: absolute;
    right: -5px;
}

    Hope this helps. Kindly let us know.

    March 13, 2017 at 10:12 am #1404953
    DHall_Designer
    Participant
    This reply has been marked as private.
    March 13, 2017 at 10:57 am #1405048
    Thai
    Moderator

    Please also add this CSS:

    li#menu-item-94 a:after {
    display: none;
}

    Hope it helps 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1403334 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>