Navigation modal hiccup with sub menu

[yingfuli]

Hi,

I have made a navigation modal in my header. The links are aligned left. When clicking on the toggle you get the main menu which looks great. But, when clicking on of the sub menus/sub indicators those menus are shorter (less items) and as a result they kind of jump. In reverse they do the same. Is there a way to make this go away, like, having the height of both main menu and sub menu container the same?

[christian]

Hey @yingfuli,

To achieve that, you will need a fixed height for the Modal Content. Regretfully, there’s no height option for the modal content. You will need to get the tallest height of your modal content and apply that to the modal content. See https://youtu.be/EkQCbzldDkU

$el .x-modal-content {
  height: 314px;
}

For your case, the height is 396px. See https://youtu.be/-NvtKvfdXh0

Hope that helps.

[yingfuli]

Great, does what I need. Thanks!

[christian]

You’re welcome.