I don’t know how to implement this using custum css, but found this post that told my to implement the code underneath.
.kad-header-right,
.kad-primary-nav,
.sf-menu li {
position: static;
}
#kad-shrinkheader {
position: relative;
}
ul.sf-dropdown-menu {
text-align: left;
}
.sf-menu ul li {
width: auto;
display: inline-block;
float: none;
}
The problem is, my menu is on the right side of the page, while the childs appears on the left side.
1. Is there a way to align these childs on the right side of the page?
2. Is there a way to align the second child beneath the first child? Could be a normal dropdown, could also be a table.