Setting the same dropdown menu height?

  • Resolved Ed777

    (@d7fox7vr)


    6 years, 3 months 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)

    6 years, 3 months ago

    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)

    6 years, 3 months ago

    Hi @megamenu

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

    Plugin Author megamenu

    (@megamenu)

    6 years, 3 months ago

    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)

    6 years, 3 months ago

    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 http://prntscr.com/r17w5q

    • This reply was modified 6 years, 3 months ago by Ed777.
    Plugin Author megamenu

    (@megamenu)

    6 years, 3 months ago

    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)

    6 years, 3 months ago

    Hi @megamenu
    added other blocks to the code but nothing has changed.
    Not everyone has changed. http://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)

    6 years, 3 months ago

    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.