Sub-menu width issuee

  • Hover over “Tools” and you will see that this particular sub-menu only has one column, however, the flyout menu is the full width of the nav menu. I want to know how to make this particular menu item only as wide as 1-column and to appear under the Parent menu item (Tools) when you hover over it.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Daniel,

    Thanks for posting a link. For “1 column” sub menus, you’d usually use the Flyout sub menu type. That will be narrower and you can configure the width separately from your mega menus.

    To adjust the widget of an individual mega menu, you’d either need to use custom CSS (not something we cover through free support, but as a tip you would need to include the parent menu item ID in your CSS selector to ensure your css only applies to that one sub menu), or use the Custom Item Styling functionality in Pro which will do the hard work for you. We have some documentation on that here: https://www.megamenu.com/documentation/change-width-individual-sub-menu/

    Regards,
    Tom

    Thread Starter danielmd1

    (@danielmd1)

    When I set the custom CSS for #mega-menu-wrap-primary #mega-menu-primary[data-effect=”fade”] li.mega-menu-item > ul.mega-sub-menu

    It works! However, the menu item is floated left, even though I didn’t set that. How do I get it to appear just under the correct Parent? Check it out:

    https://www.dropbox.com/s/mj90ew4n2i1j5d7/Screen%20Shot%202019-09-13%20at%2010.46.11%20AM.png?dl=0

    Also, where are the arrows that should be appearing above the sub-menus and below the Parent, symbolizing that the sub-menu belongs to each particular parent?

    Plugin Author megamenu

    (@megamenu)

    Hi Daniel,

    You would need to use custom CSS to adjust the position of the sub menu (as a tip you would need to include the parent menu item ID in your CSS selector to ensure your css only applies to that one sub menu), this is something you would need to ask a freelancer to help you with if you are not sure how.

    For arrows above sub menus please check this thread:

    https://www.ads-software.com/support/topic/add-a-css-arrow-above-the-menu/

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sub-menu width issuee’ is closed to new replies.