Header Shadow

[lauries]

Is it possible to

1) Make the Header Shadow thinner?

2) Make the Header Shadow a different color?

1) Delete the Header Shadow on the Home Page only?

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Here it goes. To change the color just change the rga value.

.home .header-shadow #header-section #header, body[class*="header-naked"].header-shadow.home #header-section .is-sticky #header, .home.header-shadow .header-wrap .header-6, .home.header-shadow #header-section.header-2 #main-nav {
   display: none!important;
}

.header-shadow #header-section #header, body[class*="header-naked"].header-shadow #header-section .is-sticky #header, .header-shadow .header-wrap .header-6, .header-shadow #header-section.header-2 #main-nav {
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1)!important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1)!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.1)!important;
}

-Rui

[lauries]

Hi Rui,

Thank you so much but this isn’t working. The first part of the code deletes the entire Home Page header; not just the header shadow. And the second part of the code doesn’t create a thinner header shadow on the rest of the site either.

[David Martin – Support]

1&2) This is a thinner shadow, using the red color rgba, also using a 0.1 opacity to make it transparent. Please add this to Theme Options => Custom CSS:

.header-shadow #header-section #header, 
body[class*="header-naked"].header-shadow #header-section .is-sticky #header, 
.header-shadow .header-wrap .header-6, .header-shadow #header-section.header-2 #main-nav {
    -moz-box-shadow: 0 0px 2px rgba(197, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0px 2px rgba(197, 0, 0, 0.1) !important;
    box-shadow: 0 1px 5px rgba(197, 0, 0, 0.1) !important;
}

3) Please add this to Theme Options => Custom CSS:

.home .header-shadow #header-section #header { 
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

[lauries]

Thank you – 1&2) worked. With a few tweaks to the reba color and opacity I got exactly what I wanted.

However, 3) isn’t working…the Header Shadow on the Home Page is still visible. Thanks.

[Rui Guerreiro – SUPPORT]

I adjusted one of the rules.
Can you clear the cache and check again.

-Rui

[lauries]

Great, thanks so much!

[Swift Ideas – Ed]

Thanks Rui.

– Ed