Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1396527
    keith s
    Participant

    I have a client and the entire office used MS Surface tablets. They all see the nothing in the navbar. It is pushed down and the labels are white as well as the background. They see it when they hover because it then turns grey. Please see the screenshot attached. It is not an issue with their being too many labels of characters. It seems to be more of a position issue.

    Thank you in advance for your assistance.

    #1396535
    keith s
    Participant

    Please find the screenshot that failed to upload. Thank you.

    #1396807
    Nabeel A
    Moderator

    Hi 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.

    #1397891
    keith s
    Participant
    #1398777
    Paul R
    Moderator

    Hi,

    To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

    
    
    @media (max-width: 1205px) {
    .x-nav-wrap.desktop {
        display:none;
    }
    
    .masthead-inline .x-btn-navbar {
        display: block;
        float: right;
    }
    
    .x-nav-wrap.mobile {
       display:block;
    }
    
    .x-nav-wrap.mobile.collapse {
        display: none;
    }
    
    .x-nav-wrap.mobile.collapse.in {
        display: block !important;
    }
    }
    

    Hope that helps.

    #1408134
    keith s
    Participant

    This helps by creating the mobile menu in this viewing width. I assume this is the only solution?

    Thank you for your assistance.

    #1408156
    Rahul
    Moderator

    Yes. If you need anything else, let us know. We’d be happy to assist you with it.

    Thanks for understanding!

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