transparent 'midnight' header option

[njmartell]

I can’t seem to make my header transparent or locate the color changing ‘midnight header’ options? Any help pointing me in the right direction is appreciated.

Thanks!

[Swift Ideas – Ed]

Hi there,

You can find info on the app header functionality here – http://uplift.swiftideas.com/documentation/2016/02/22/app-header-style/ and Midnight Header Transitions here – http://uplift.swiftideas.com/documentation/2016/05/15/midnight-header-transitions/

Hope that helps.

– Ed

[njmartell]

Thanks Ed.

I found the settings for the light/dark header transitions, however since my header has a white background and is not transparent they are not working properly.

Where can I set the header to transparent?

I tried ticking this box (see attached) but it had no effect.

Attachments:

You must be logged in to view attached files.

[njmartell]

Update: I realized I had to to switch the header style to ‘naked’ in order for this to work.

I really want to use the ‘below slider’ header option, but with a transparent (naked) background. Is this possible via some simple css?

[Kyle – SUPPORT]

Hi

What’s your link? I’ll see what I can do

– Kyle

[njmartell]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.page-header-below-slider .sticky-header {
  background: transparent!important;
}
.header-below-slider .swift-slider-outer {
  margin-bottom: -85px;
}

– Kyle

[njmartell]

Thanks Kyle!

I’m hoping to get the nav below the slider, so I removed the:

.header-below-slider .swift-slider-outer {
  margin-bottom: -85px;
}

However, as you’ll see the header now disappears briefly when you start scrolling. Any way to avoid this?

[Kyle – SUPPORT]

You need to set the top row to have dark text instead of light

– Kyle

[njmartell]

Thanks Kyle!

[njmartell]

This reply has been marked as private.

[Kyle – SUPPORT]

The login is not working, please check

– Kyle