Tagged: x
-
AuthorPosts
-
May 23, 2016 at 1:32 pm #1005738
flyingvgroupParticipantHi,
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!
May 23, 2016 at 1:37 pm #1005744
flyingvgroupParticipantThis reply has been marked as private.May 23, 2016 at 1:58 pm #1005786
JoaoModeratorHi 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
May 23, 2016 at 5:13 pm #1006065
flyingvgroupParticipantHi 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! 🙂
May 23, 2016 at 11:38 pm #1006564
RupokMemberHi 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!
May 24, 2016 at 12:30 pm #1007648
flyingvgroupParticipantPerfect. Thank you!
May 24, 2016 at 12:36 pm #1007656
flyingvgroupParticipantActually, 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.
May 24, 2016 at 1:34 pm #1007712
JoaoModeratorHi 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
May 24, 2016 at 1:54 pm #1007735
flyingvgroupParticipantDarn cache. Looks good! Thanks!
May 24, 2016 at 2:17 pm #1007785
Prasant RaiModeratorYou are most welcome. 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1005738 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
