Forums
Home / Theme: OceanWP / How to remove the dropdown menu shadow
(@dominatr)
7 years, 1 month ago
Hello,
Is there anyway to remove it?
/Dom
(@oceanwp)
Hello, use this css code:
.dropdown-menu .sub-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
Thanks! ??
Can you help me do the same with the cart and search dropdown?
Add this:
#searchform-dropdown, .current-shop-items-dropdown { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
It worked for the search dropdown, thanks!
How about the cart dropdown?
It should work too for the cart dropdown. Ok, better code, remove the two other code I gave you and add this one:
.dropdown-menu .sub-menu, #searchform-dropdown, .current-shop-items-dropdown { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
Hmm, I still get shadow in the cart dropdown.
Can i pm you the website?
Oh I know why, sorry, it is because in the next release, the css classe for the cart dropdown is “.current-shop-items-dropdown”, so add after this code “#current-shop-items-dropdown”, your code will look like this:
.dropdown-menu .sub-menu, #searchform-dropdown, #current-shop-items-dropdown, .current-shop-items-dropdown { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
Awesome m8, now it’s working. Big thanks! ??
You’re welcome ??