Никак не могу привести код в порядок и сделать как надо. Есть две проблемы:
1) Свойство :hover работает неправильно, когда наводишь мышь на край элемента(background) текст не меняет цвета, он меняет только в том случае если четко навести мышь на текст. Это относится как к элементам navbar'a так и к элементам dropdown.
2) Не получается сделать dropdown. Встает не туда и принимает цвета navbar элементов. Если потом ему просто отдельно добавить другие цвета, так нормально будет? Или это не лучшая практика?
Мой код:
https://jsfiddle.net/L9r7d562/3/
Вот оригинал того как я хочу сделать:
https://codepen.io/sathishlxg/pen/JoLOYR?editors=1100