How to add shadow to the header main menu?

Hello,

Please provide a link to your site so we can inspect the header.

Thanks

Hello,

Below I gave you a simple example of shadow for your menu items.

The code is ->

.menu-item{
color: white;
text-shadow: 4px 4px 6px #000000;
}

The result is here -> https://www.screencast.com/t/lg2ggEM3WXT

Thanks for your understanding!

Hi,

Sorry about the misunderstanding, I believe this is what you want
– https://www.screencast.com/t/IKP0ieY60

Enter this code in Theme panel->Custom CSS section

.td-header-style-5 .td-header-menu-wrap {
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.09);
-moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.09);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.09);
}

You can make modifications to the code if you want to, this is a guide about using box-shadow
– https://css-tricks.com/almanac/properties/b/box-shadow/

Thanks