Hey there, I have a question regarding the menu alignment. I'd like to have the submenu horizontally centered on the page, not centered under its menu point.
Here https://zurichdanceensemble.ch/ueber-uns/
I solved it with a translate
.sub-menu {
position: absolute;
left: 50%;
transform: translateX(-4.6%);
}
It's not convenient when adding a submenu to another secondary menu point, because the translate doesn't center it anymore, obviously. What is a better solution to this?
Second thing I didn't manage is to have a fixed distance between primary, secondary and submenus. I might drawing a blank here :)
Thanks so much in advance!