Tagged: x
-
AuthorPosts
-
November 23, 2016 at 8:29 am #1268223
BKvalvikParticipantHi,
I created a megamenu. It only contains 3 subitems. You can see it here (My Course):Navbar menu
Is it possible to have those three subitems (“Beginner”, “Elementary”, “Intermediate”) appear vertically right below the Top item (“My Course”) instead of showing them horizontally across the full width of the page?
Thanks!
Bjorn
November 23, 2016 at 9:12 am #1268278
ThaiModeratorHi Bjorn,
Would you mind providing us with your admin account so we can take a closer look?
Thanks.
November 23, 2016 at 12:10 pm #1268487
BKvalvikParticipantThis reply has been marked as private.November 23, 2016 at 2:13 pm #1268601
Nabeel AModeratorHi again,
Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:
.x-navbar-static-active .desktop .x-nav .x-megamenu>.sub-menu { left: auto !important; right: auto !important; max-width: 250px !important; }Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!
November 23, 2016 at 3:22 pm #1268662
BKvalvikParticipantThanks for the quick reply.
Hmm, I tried pasting that snippet of code in the customiser as per your instructions, but I’m afraid I don’t see any difference…
Bjorn
November 23, 2016 at 3:52 pm #1268688
JoaoModeratorHi There,
Did you change your /wp-admin adress?
Let us know
Thanks
Joao
November 23, 2016 at 3:58 pm #1268696
BKvalvikParticipantHi,
No I didn’t change it. You should be able to log in — it worked for me just now. (Let me know if you can’t log in)
Bjorn
November 23, 2016 at 4:01 pm #1268698
BKvalvikParticipantThis reply has been marked as private.November 23, 2016 at 8:55 pm #1269051
Rue NelModeratorHello There,
Thank you for double checking the login url. To resolve your issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS
.x-navbar-static-active .desktop .x-nav .x-megamenu>.sub-menu, .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>.sub-menu { min-width: 250px; max-width: 520px; left: auto; right: 0; }Hope this helps. Kindly let us know.
November 24, 2016 at 6:03 am #1269409
BKvalvikParticipantHmm, I have addied that code and I still don’t see a difference — do you?. (I have cleared browser cache and server cache)
Could you have a look again. Sorry for the trouble.
Bjorn
November 24, 2016 at 6:20 am #1269420
Paul RModeratorHi,
I went ahead and added the css code and it seems to work.
Kindly check on your end.
Thanks
November 24, 2016 at 6:26 am #1269423
BKvalvikParticipantIt works. Wonderful, thanks!
November 24, 2016 at 6:27 am #1269425
Paul RModeratorYou’re welcome! 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1268223 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
