Menu Mobile Box Shadow

Hi there,

Yes, this is possible with CSS. However, when I looked at the mobile version of your website, this is what I see:

https://d.pr/i/aOKjjW

Are you looking to remove that blue background color, or something else? Could you perhaps take a screenshot of what you’re looking at so I can take a closer look?

Thank you!

Hi Sarah,

Thank you for your reply.

I mean the box shadow on the bottom of the whole menu, sorry if I was confusing.

Here is a screenshot: https://imgur.com/a/jQbOZVf

Hi again,

My CSS is a little bit rusty, so apologies if this doesn’t quite do the trick. Give this code a shot by pasting it into your CSS editor:

@media screen and (min-width: 767px) .elementor-nav-menu--dropdown {
box-shadow: none;
}

And see if that does the trick. ?? That should remove it from tablets and mobile devices only provided my code is up to the task!

Hi Sarah,

Thank you for your help.

I added the code into the custom css of the nav menu widget and it did not work (see screenshot).

https://imgur.com/a/K3dEsEU

It said expected LBRACE at line 1, col 38

Hi Sarah,

I have managed to remove the box shadow with the following code:

@media (max-width: 767px) {
.elementor-nav-menu–dropdown {
box-shadow: none!important;
}
}

Thanks again for your help.