Mega menu Icon Text Wrapping

  • Resolved andyroo27

    (@andyroo27)


    3 years, 1 month ago

    I currently have the Pro version and wanted to have custom images as icons for certain second-level menu items. Is there a way to not have the text wrap below the image “icon”?
    If you hover over “tours” that’s the mega menu I’m talking about. Currently I made the panel width the size of the header in order to not have any wrapping, but ideally, I wanted that whole sub menu to be a bit smaller and just have the text break (or wrap) to the right of the icon image.
    https://imgur.com/a/HkCOlZK (image of where I want the text to wrap)

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

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

    (@megamenu)

    Hi andyroo,

    Yes, it is possible. Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link.mega-custom-icon {
  display: flex;
  line-height: 20px;
  align-items: center;
}

    If you have further/follow up questions about pro functionality, please get in touch through https://www.megamenu.com/support/

    Regards,
    Tom

    Thread Starter andyroo27

    (@andyroo27)

    Thank you !! That worked perfectly ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mega menu Icon Text Wrapping’ is closed to new replies.