Adding a Header Shadow CSS


Hey everyone,

I am trying to add a shadow to the header bottom but didn’t succeed yet. :sweat:
I work with the Jupiter Theme ‘‘Eris’’ and tried it on Theme Options > Advanced > Custom CSS.
Do you guys have an idea?


Header Shadow



Please provide your site URL.

Thank you.
Best regards,
Artbees Support.


I’m having the same problem adding a shadow to the sticky header bottom using custom CSS, and custom javascript. I’m working with Jupiter Theme Eirene.
Please help asap.
I’ve tried many variations of custom CSS and this JS:
$(window).scroll(function() {
if ($(this).scrollTop() == 0) {
‘box-shadow’: ‘none’,
’-moz-box-shadow’ : ‘none’,
’-webkit-box-shadow’ : ‘none’ });
else {
‘box-shadow’: ‘0px 10px 10px #888’,
’-moz-box-shadow’ : ‘0px 10px 10px #888’,
’-webkit-box-shadow’ : ‘0px 10px 10px #888’ });



I found this post in regards of adding shadow into menu item, so not exactly your problem, but maybe You will find this code useful:

box-shadow:0px 0px 30px rgba(0,0,0,0.4);
-moz-box-shadow:0px 0px 30px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 0px 30px rgba(0,0,0,0.4);