Navigation
Archive / Adding a bullet point on Nav hover/active states
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 9, 2016 at 1:15 pm #1250494
    Adwin L
    Participant

    Hi there,

    I am trying to get rid of the underline for nav on hover/active states, and replace it with a bullet point (orange) below the link title instead.

    So that it would look like this when active or when you hover:

    HOME
    •

    Is there a way I can achieve this with Custom CSS?

    Thank you!

    November 9, 2016 at 1:15 pm #1250501
    Adwin L
    Participant
    This reply has been marked as private.
    November 9, 2016 at 6:14 pm #1250779
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .x-navbar .desktop .x-nav > li > a:hover > span:after {
	content: "•";
    display: block;
    margin-left: 0;
}

    Hope it helps, Cheers!

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