#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%); background-color: $back-color-3; border-radius: 10px; a { border-bottom: $back-color-2 solid 2px; width: 100%; color: $text-color; &:last-of-type{ border-bottom: none; } } } .dropdown:hover .dropdown-content { display: block; } .menueSelected{ text-decoration: underline !important; } @media only screen and (max-width: 600px) { #mainMenu{ right: 10px; } }