Make part of menu items start from bottom

[TrendBlend]

Hello, I’m currently adding space between my menu items like this:

.menu-drawer__menu>.icon-and-li:nth-last-child(3) {
margin-top: 70px;
}

But I want the last 3 menu items to start at the bottom of the menu-drawer__menu. How would I do this, to always make the last 3 menu items stick to the bottom of the div? URL: Elegant Antique Round Wall Clock for Timeless Decor – InteriorGlows Check for menu on phone please. Thanks in advance!

[TrendBlend]

Problem:

i want no empty space here, but last 3 li should stick to the bottom

[BiDeal-Discount]

Hi @TrendBlend

Let try to add this Custom CSS:

.menu-drawer__navigation-container ul.menu-drawer__menu {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.menu-drawer__navigation-container .menu-drawer__menu>.icon-and-li:nth-last-child(3) {
  margin-top: auto;
}

the result: