Dropdown submenu - remove gap above and below submenu

[LukeGS]

Hi, I was wondering what the best way to achieve this submenu layout would be. Ideally I’d like all the submenus to sit flush with the top of the previous dropdown.

Would ideally be able to display them like the below.

[LukeGS]

Managed to achieve the desired layout with the below css .

Removing postion relative from the .menu-item submenu’s to the top, only other issue was the negative margin caused by adding padding through the builder.

ul.sub-menu li.menu-item {
  position: static;
}

li.menu-item li.menu-item .sub-menu.x-dropdown {
  height: 100%;
  margin: 0px!important;
  padding-left: 0px;
}

.x-dropdown {
  transform: translate(0,0) !important;
}

[marc_a]

Hey Luke,

We’re glad that you’re able to find a solution to your issue.

Thank you.