Navigation
Archive / Style Icon Stack Menu Item Pill Shape
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 21, 2016 at 12:11 pm #1225660
    Mark M
    Participant

    The pill shaped hover on the Icon menu appears to match the “Pill Button” style but I’d like it to match the “Rounded Button” style. I have found in the forum how to hide the pill by setting border radius to 0 and how to change the colors but can you give me the sample CSS to round it like the buttons? Also to decrease the inner padding a tough would be very nice of you.

    October 21, 2016 at 2:40 pm #1225818
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    
.x-navbar .desktop .x-nav>li>a>span, .x-navbar .desktop .x-nav>li>a>span:active, .x-navbar .desktop .x-nav>li>a>span:hover {
    border-radius: 5px;
    padding: 0.575em 1em;
}

    Hope it helps

    Joao

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