Хотя я вообще согласен с Джоном здесь, я хочу добавить: ваш скрипт получает cookie из специального заголовка в запросе, отправленном браузером клиента. Учитывая, что браузер не знал будущих куки, когда он отправлял первый запрос на страницу, он не мог предоставить их.
Вы называете «Египетское 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;
}
Вот скрипка .