Navigation
Archive / Menu Tabs Background color on Hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 3, 2016 at 8:17 am #1242302
    fish
    Participant

    Hi Staff, I’m trying to get the navigation menu tabs to change colors on hover and remove the lines under the text with no luck. The effect I’m after is like the navigation hover on this site link below.

    https://www.discount-glass-mirror.com/

    Is there an easy way to accomplish this style I’ve everything I attempt stops the hovering from working.

    November 3, 2016 at 8:20 am #1242309
    fish
    Participant
    This reply has been marked as private.
    November 3, 2016 at 9:45 am #1242447
    Christian
    Moderator

    Hey there,

    What is the password to view your site?

    Thanks.

    November 3, 2016 at 10:04 am #1242480
    fish
    Participant
    This reply has been marked as private.
    November 3, 2016 at 10:51 am #1242555
    Christian
    Moderator

    Hey there,

    Sorry but the page is password protected (see attachment). Please disable it for now.

    Thanks.

    November 3, 2016 at 12:07 pm #1242661
    fish
    Participant
    This reply has been marked as private.
    November 3, 2016 at 12:59 pm #1242703
    fish
    Participant

    It’s been disabled, sorry for the mix up!

    November 3, 2016 at 2:03 pm #1242761
    Rupok
    Member

    Hi there,

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

    .x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
  box-shadow: none;
}

.x-navbar .desktop .x-nav > li > a:hover {
  background-color: #fefd00;
  color: red !important;
}

    Hope this helps.

    Cheers!

    November 3, 2016 at 3:26 pm #1242858
    fish
    Participant

    Works Perfect.

    Thanks, I truly appreciate it,
    Fish

    November 3, 2016 at 5:39 pm #1242992
    Jade
    Moderator

    You’re welcome, Fish.

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