Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1005738
    flyingvgroup
    Participant

    Hi,

    I have Mega Menu installed on my site http://www.stadiumblueprintcompany.com. The sub-menu drops down fine on extra-large and large screen sizes, but the menu is cut off on any sizes below that. For example, when on mobile, I can only see the first eight selections.

    I need the entire menu to be visible on all screen sizes. I will be following up with my FTP, login, and versioning.

    Thanks!

    #1005744
    flyingvgroup
    Participant
    This reply has been marked as private.
    #1005786
    Joao
    Moderator

    Hi There

    Please try adding the following code to your Appereance / Customizer / Custom / CSS

     .desktop .x-nav .x-megamenu>.sub-menu>li>a {
          z-index: 20 !important;
    }
    
    .desktop .x-nav .x-megamenu>.sub-menu a {
        z-index: 20 !important;
    }
    
    .desktop .x-nav .x-megamenu>.sub-menu a:hover {
           z-index: 20 !important;
    }

    Hope that helps

    ***I Couldn´t test this code at your website because I am getting a Connection timed out Error, in case it does not work, please let us kwow.

    Thanks

    Joao

    #1006065
    flyingvgroup
    Participant

    Hi Joao,

    Thanks for the reply. I tried this code and the same issue persists. The sub menu only extends as far as the available header space and will not overlap onto the first section of the page. Again, works fine on extra large and large screen sizes.

    You should be able to login to the site now as well! 🙂

    #1006564
    Rupok
    Member

    Hi there,

    Thanks for updating. You can try this CSS :

    @media only screen and (max-width: 979px) {
    .x-nav-wrap.mobile {
      overflow: visible;
    }
    }

    Hope this helps.

    Cheers!

    #1007648
    flyingvgroup
    Participant

    Perfect. Thank you!

    #1007656
    flyingvgroup
    Participant

    Actually, I need to reopen this. Everything looks good from a desktop resizing standpoint, but I am still having the same issue when viewing on a mobile phone.

    #1007712
    Joao
    Moderator

    Hi There,

    I just tested your website on my Android Phone and on Ipad and the menu is not hidden like before.

    Can you please test in a different browser from your phone or try cleaning the cache of the browser you are using?

    I believe it might be related to cache.

    Let us know how it goes.

    Thanks,

    Joao

    #1007735
    flyingvgroup
    Participant

    Darn cache. Looks good! Thanks!

    #1007785
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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