#mainMenu{ position: absolute; top: 20px; right: 100px; display: flex; align-content: flex-end; justify-content: flex-end; width: 100%; a { color: white; text-align: center; padding: 14px 16px; text-decoration: none; display: inline-block; } } .dropdown { display: inline-block; position: relative; } .dropdown-content{ position: absolute; display: none; width: max-content; left: 50%; transform: translateX(-50%); a { background-color: $back-color-3; border-bottom: $back-color-2 solid 2px; width: 100%; color: $text-color; &:first-of-type{ border-top-left-radius: $border-radius-sub-nav; border-top-right-radius: $border-radius-sub-nav; } &:last-of-type { border-bottom: none; border-bottom-left-radius: $border-radius-sub-nav; border-bottom-right-radius: $border-radius-sub-nav; } &:hover{ background-color: $back-color-2; } } } .dropdown:hover .dropdown-content { display: block; } .menueSelected{ text-decoration: underline !important; } @media only screen and (max-width: 600px) { #mainMenu{ right: 10px; } }