Colum divider mega menu

  • Resolved ellenezlife

    (@ellenezlife)


    7 years, 11 months ago

    Can somebody tell me how te create vertical lines between
    the colums as a divider in my mega menu? I use Ri Ione theme.

    Thx!

Viewing 1 replies (of 1 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi ellenezlife,

    To add dividers between each column in the mega menu, please go to Mega Menu > Themes and paste the following into the custom styling area:

    @include desktop {
    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
      border-left: 1px solid red;
    }
    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:first-child,
    #{$wrap} #{$menu}  > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear {
      border-left: 0;
    }
}

    Note: each column in the mega menu will be a different height (unless they each have exactly the same number of sub menu items within) – adding a border will highlight the fact they’re different heights.

    Regards,
    Tom

Viewing 1 replies (of 1 total)
  • The topic ‘Colum divider mega menu’ is closed to new replies.