Setting the same dropdown menu height?

  • Resolved Ed777

    (@d7fox7vr)


    5 years, 1 month ago

    There is text in the drop-down menu. In some it’s more, in some it’s less. Blocks in height of different sizes. How to make the same height?

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

    (@megamenu)

    Hi Ed,

    If you want the next row of items to be on the same line, then make sure the sub menu display mode is set to “Mega Menu – Grid Layout” and use the “Add row” button to create a new row for each of the rows you would like to appear on the front end.

    If you require further help please post a link to your site so I can see what you’re trying to do.

    Regards,
    Tom

    Thread Starter Ed777

    (@d7fox7vr)

    Hi @megamenu

    You probably misunderstood me. I have different block heights for the dropdown menu. Shown on the screen https://prntscr.com/r16kti
    How to make the same height? What would be even and equal in height?

    Plugin Author megamenu

    (@megamenu)

    Hi Ed,

    I see. You could either use custom CSS to set a min-height on those elements, or I think you can change the columns to use display: flex.

    If you need specific help with the required CSS, I will need to see a live link to your site.

    Regards,
    Tom

    Thread Starter Ed777

    (@d7fox7vr)

    Hi @megamenu

    Rows in height are different. How to fix?

    My site vela-art.com/proschet-stoimosti-poligraficheskoj-produkczii/
    Here is the menu shown in the screenshot https://prntscr.com/r17w5q

    • This reply was modified 5 years, 1 month ago by Ed777.
    Plugin Author megamenu

    (@megamenu)

    Hi Ed,

    You can use custom CSS like this:

    #mega-menu-item-86811 a.mega-menu-link,
#mega-menu-item-86810 a.mega-menu-link,
#mega-menu-item-86809 a.mega-menu-link {
    min-height: 100px !important;
}

    Regards,
    Tom

    Thread Starter Ed777

    (@d7fox7vr)

    Hi @megamenu
    added other blocks to the code but nothing has changed.
    Not everyone has changed. https://prntscr.com/r18jb2.

    #mega-menu-item-98808 a.mega-menu-link,
#mega-menu-item-98812 a.mega-menu-link,
#mega-menu-item-98807 a.mega-menu-link,
#mega-menu-item-98809 a.mega-menu-link,
#mega-menu-item-98810 a.mega-menu-link,
#mega-menu-item-98811 a.mega-menu-link,
#mega-menu-item-98804 a.mega-menu-link,
#mega-menu-item-98806 a.mega-menu-link,
#mega-menu-item-98803 a.mega-menu-link,
#mega-menu-item-98805 a.mega-menu-link,
#mega-menu-item-86811 a.mega-menu-link,
#mega-menu-item-86810 a.mega-menu-link,
#mega-menu-item-86809 a.mega-menu-link {
    min-height: 100px !important;
}
    Thread Starter Ed777

    (@d7fox7vr)

    Everything works, cleaned the cache!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Setting the same dropdown menu height?’ is closed to new replies.