Naked header not showing

[Ed Bowes]

Hi all,

I think i’ve set all the setting right including the page header option under met options, but still the naked header is not showing on the main page.

Any ideas why not?

Attachments:

You must be logged in to view attached files.

[Ed Bowes]

As well as this on the min page only, it seems that the shadow is on under header despite the fact that i had turned it off? Any way to get rid of it as all the other pages don’t have that. thanks.

[David Martin – Support]

Hey Ed,

Those login details are not working.

Can you please check and post the correct ones?

Thanks.

[Ed Bowes]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use  this custom css code:-
.header-shadow #header-section #header, body[class*=”header-naked”] #header-section .is-sticky #header, .header-wrap .header-6 {
    box-shadow: none !important;
    border: none !important;
}
Thanks 🙂
With Best Regards
Mohammad

[Ed Bowes]

Hi Mohammad,

 

Thanks for your quick reply.

Unfortunately i can still see the shadow. I’ve tested it in two different browser (chrome, safari) and its still under the header. But if you go  to the; let’s say the portfolio page, it’s not there which is weird cos they should be universal command. At least i switched off the shadows in the theme option so should be global. put your csss in, still no change.  Any suggestions? thanks

[Mohammad – SUPPORT]

Hi,

Please attach  a marked screenshot to indicate your issue.

Thanks 🙂
With Best Regards
Mohammad

[David Martin – Support]

A variation:

body[class*="header-naked"] #header-section .is-sticky #header {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#header-section .is-sticky .sticky-header {
	  border-bottom: none;
}

Let us know how you get on.

Thanks.

[Ed Bowes]

Hi there,

This time it worked great, thanks. However, now the naked light header option on top of home page seems to be disabled so i have the white header constantly. Would it be possible to start off with a naked light header so it overlays the image under it (using the white logo alternative) and when someone starts scrolling down then it would revert back to the white plain header with no shadows (the script that Martin has given me basically). See screen shots for top of home page for transparent naked light header. Sorry to be a bit of a pain, but very much appreciate the effort guys.thanks.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You should be able to do that with a simple CSS line:

#header-section .is-sticky .sticky-header {
background-color: transparent!important;
}

Thanks,
David.

[Ed Bowes]

Yep, cheers. I sorted it in the end. I just worked out the css after thinking for myself for a sec 😉

sorry, it was straight forward after all.

Thank you David for your involvement. Great help.

Ed

[David Martin – Support]

That’s great news!

Cheers,
David.