UserControl расширяется при размещении в форму?

Вы называете «Египетское Petrdise, Безумие в кино и сафари-приключение Джорджа» своим подменю? Если это так, просто нацельтесь на класс, как вы сделали с .navbar и .dropdown-menu. Таким образом, вместо .dropdown-menu это будет .dropdown-item и будет использоваться псевдоселектор CSS :hover для изменения цвета при наведении.

.navbar{
 background-color: #55C9EA;
 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.dropdown-menu{
  background-color: #55C9EA;
}

.nav-link {   <---- Targets home, about me, portfolio, gallery, say hello
  color: red;
}

.nav-link:hover {
  color: yellow;
}

.dropdown-item { <--- Targets portfolio submenu
  color: green;
}

.dropdown-item:hover {
  color: purple;
}

Вот скрипка .