Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1349353
    Andrew Stroud
    Participant

    There’s probably an easy fix to this but I have looked and looked and can’t seem to find how to get the submenu items for my top menu to display as an inline drop down. Can you help?

    #1349434
    Christopher
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1349575
    Andrew Stroud
    Participant
    This reply has been marked as private.
    #1349671
    Rupok
    Member

    Hi there,

    Thanks for writing back. Looks like you are using Megamenu with two columns. If you don’t want that then disable Megamenus

    Cheers!

    #1349702
    Andrew Stroud
    Participant

    Thanks! That worked to make the submenu items an inline drop down.

    How do I change the font for the submenu items to match the top menu item? I’d also like to make them right aligned and adjust the background transparency for the dropdown. Is this possible?

    Thanks in advance!

    #1349749
    Thai
    Moderator

    Hi There,

    Please try adding the following CSS under Customizer > Custom > Global CSS:

     .x-navbar .desktop .sub-menu li > a {
        font-family: "Lato",sans-serif;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.071em;
        font-size: 16px;
     }
     .masthead-inline .x-navbar .desktop .sub-menu {
         left: 50%;
         margin-left: -125px;
         background-color: rgba(255, 255, 255, 0.5) !important;
     }

    Hope it helps 🙂

    #1349873
    Andrew Stroud
    Participant

    That worked perfect! Thanks so much.

    #1350114
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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