Space in Menu - Hover in white

[TBS2023]

Hi

I have use da twerk in order to add space in my navigation bar - by creating # Menu

I have managed to make these 3 items color white

but how to make them white in 'Hover' and the underline as well

https://the-body-shop-nordic.myshopify.com/

ubahdo

[Tech_Coding · Accepted solution]

Hello @TBS2023 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.site-nav__item:nth-child(9):hover .site-nav__link--underline::after, .site-nav__item:nth-child(10):hover .site-nav__link--underline::after, .site-nav__item:nth-child(11):hover .site-nav__link--underline::after {
      border-bottom-color: #fff !important;
}
.site-nav__item:nth-child(9):hover .site-nav__link, .site-nav__item:nth-child(10):hover .site-nav__link, .site-nav__item:nth-child(11):hover .site-nav__link {
      color: #fff !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.