Dropshadow under navbar

Hi, I have added a dropshadow under the navbar (custom.css).
This only shows when scrolling the page down.
How can i make the dropshadow visible when the navbar is sticky on the top of the page?

Please use the "menu-outer" class instead of "uk-navbar"

.menu-outer {
box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1);
}

Hi, i did try the .menu-outer before but that did not solve it.
I have deleted the "uk-navbar" css from the custom.css now
I have used the ".menu-outer" css now but the result has not changed.
Any other suggestions?

Hi again, i did try the .menu-outer before but that did not solve it.
I have deleted the "uk-navbar" css from the custom.css now
I have used the ".menu-outer" css now but the result has not changed.
Any other suggestions?

No, sorry!
Seems that the dropshadow is working only for sticky menu, depends on the "z-index" which can not be changed!