Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1268223
    BKvalvik
    Participant

    Hi,

    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

    #1268278
    Thai
    Moderator

    Hi Bjorn,

    Would you mind providing us with your admin account so we can take a closer look?

    Thanks.

    #1268487
    BKvalvik
    Participant
    This reply has been marked as private.
    #1268601
    Nabeel A
    Moderator

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

    #1268662
    BKvalvik
    Participant

    Thanks 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

    #1268688
    Joao
    Moderator

    Hi There,

    Did you change your /wp-admin adress?

    Let us know

    Thanks

    Joao

    #1268696
    BKvalvik
    Participant

    Hi,

    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

    #1268698
    BKvalvik
    Participant
    This reply has been marked as private.
    #1269051
    Rue Nel
    Moderator

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

    #1269409
    BKvalvik
    Participant

    Hmm, 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

    #1269420
    Paul R
    Moderator

    Hi,

    I went ahead and added the css code and it seems to work.

    Kindly check on your end.

    Thanks

    #1269423
    BKvalvik
    Participant

    It works. Wonderful, thanks!

    #1269425
    Paul R
    Moderator

    You’re welcome! 🙂

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