Navigation
Archive / Navigation Bar CSS
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 28, 2016 at 5:16 am #1106873
    Cyber_Finance
    Participant

    Hi There

    I am currently using the Icon stack but I would like to change the navigation bar styling to eliminate the rounded box around the menu items and replace it with the solid line underneath the active tab.

    How would I go about changing the CSS to do so?

    July 28, 2016 at 6:21 am #1106932
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
.x-navbar .desktop .x-nav>.x-active>a>span, .x-navbar .desktop .x-nav>.current-menu-item>a>span {
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #000;
}

    Hope that helps.

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