naked header duplicating logo

[Swift Ideas – Ed]

Hi @mikelynch

We have fixed this for the next update, thanks.

– Ed

[mikelynch]

That’s great.

I did mention elsewhere in the thread if it is possible to have a sticky, naked header? I can get the header to appear naked when in sticky mode but when I start to scroll it always defaults to a white background. If it can’t remain sticky, how do I get the background colour to change – the colour options does not change the sticky header background colour.

Regards
Mike

[Swift Ideas – Ed]

Hi Mike,

Just add this custom css:

.naked-header .is-sticky #header-section::before, .naked-header #header .is-sticky .sticky-header.sticky-header-resized, .naked-header .is-sticky #header.sticky-header.sticky-header-resized {
background: transparent!important;
}

– Ed

[mikelynch]

Thanks Ed.

That works fine but the white text links change to black when I start scrolling. Is there a solution for that? I have the Navigation text colour set to white – which they are, until I scroll.

Thanks
Mike

[Swift Ideas – Ed]

.naked-header .sticky-header-resized nav .menu > li a {
color: #fff;
}

Add this too to keep the position:

.header-3 #header .is-sticky .sticky-header.sticky-header-resized.header-container, .header-4 #header .is-sticky .sticky-header.sticky-header-resized.header-container, .header-5 #header .is-sticky .sticky-header.sticky-header-resized, #header-section.header-6 #header.sticky-header.sticky-header-resized, .header-7 #header .is-sticky .sticky-header.sticky-header-resized .header-container {
  padding-top: 20px!important;
}

– Ed