BACKGROUND COLOUR AND DROPDOWN SHADOW ON HOVER ON LINKS IN HEADER NAV BAR

Hi!

Website: www.visual-ess.com
Password: 2023

I want to add a white background colour to the links in my header with a black dropdown shadow on hover. Does anybody know the CSS code to do this? I have attached a screenshot of what I want it to look like and also an example of black shadow on hover.

Thanks,

Sarah

27 minutes ago, Lesum said:

@visual_ess Hi Sarah, Here's a code snippet you can try:

.header-nav-list {
	row-gap: 20px;
}
.header-nav-item--active a {
	background-image: none !important;
}
.header-nav-item {
	background: #FFFFFF !important;
	padding-left: 0.4em !important;
	padding-right: 0.4em !important;
	padding-top: 0.15em !important;
}
.header-nav-item:hover {
	box-shadow: 5px 5px #000 !important;
}

Amazing. Just what I wanted. 

Thank you so much!!

8 hours ago, visual_ess said:

Amazing. Just what I wanted. 

Thank you so much!!

Hey Lesum,

My mobile menu now looks like this, is there a code I can use to turn it off for mobile? and only have it for desktop?

Thank you