Space menu bar and mega menu

  • Resolved taidang

    (@taidang)


    4 years, 8 months ago

    620/5000
    I have 7 Navigation Label. My header bar is not wide enough to display a single line. I have used the code to divide the menu item evenly:

    @include desktop {
     # {$ wrap} # {$ menu}> li.mega-menu-item {
         width: 14.2857143%; / ** 100 / (num_top_level_items) ** /
         text-align: center;
     }
}

    But now my mega menu bar is showing up too high. I want it to show below the menu bar my entire menu content.

    Normal
    When clicking on the mega menu

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

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

    (@megamenu)

    Hi taidang,

    Thanks for posting screenshots.

    To do that you would need to remove any padding from the element that contains the menu (I can see there is 10px padding at the moment), then set the Menu Height (in the theme editor) to the same height as the header row.

    Regards,
    Tom

    Thread Starter taidang

    (@taidang)

    Hi Tom,

    Thanks for answering my question.

    I tried removing all padding and moving it back to 0px. I adjusted the Menu Height but it seems that is not my answer.

    I want word to go down a line, but this doesn’t create the gap between two lines. Mega menu accepts only the first line of content. The following lines have no background and the distance is too far.

    • This reply was modified 4 years, 8 months ago by taidang.
    Plugin Author megamenu

    (@megamenu)

    Hi Taidang,

    Please try this:

    https://www.megamenu.com/documentation/how-to-display-menu-items-over-multiple-lines/

    Regards,
    Tom

    Thread Starter taidang

    (@taidang)

    Thanks Tom it work.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Space menu bar and mega menu’ is closed to new replies.