Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1145106
    banglea
    Participant

    When I select the mobile navbar the menu items show with transparent background, white font, and white borders. I would like to have it show as blue background with white font and no borders. Any help is appreciated.

    #1145157
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1145167
    banglea
    Participant
    #1145327
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance Customizer Custom CSS

    @media (max-width: 979px){
    .x-nav-wrap.mobile.collapse.in {
           background: #006f97;
    
        padding-left: 10px;
        padding-right: 10px;
    }
    }
    .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav li.x-active > a, .x-navbar .mobile .x-nav li.current-menu-item > a {
    border: none;
    }

    Hope it helps

    Joao

    #1145540
    banglea
    Participant

    Thank you worked like a charm. You are the best!

    #1145973
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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