Naked header broke on latest theme update

[novakben]

Hi!
Since your latest theme update (from last week), the naked header broke (ON MOBILE DEVICES ONLY).
You can see it on my site: http://www.wedivite.com.

Please assist urgently!

Thanks

[Swift Ideas – Ed]

Hi there,

Looks like you might be missing some custom css:

.page-id-15 .is-sticky #header-section::before {
background: #222;
}

That should do it!

– Ed

[novakben]

Well it placed the gray header, but it still doesn’t have the same effect as it had, like when viewing my site from a desktop device. It used to use the offset logo and then switch when moving to sticky header with white background.

Why did it change in the update anyway? :/

Thanks

[Swift Ideas – Ed]

Hi there,

It changed as we fixed an issue with sticky mobile headers in the last update.

Sorry, you need to add some more code:

.page-id-15.mobile-browser .sticky-wrapper {
position: absolute;
width: 100%;
top: 0;
}
.page-id-15.mobile-browser .header-wrap {
top: 0;
}

You can change the colour of the mobile header, but seems your logo (retina) is white?

– Ed

[novakben]

Yeah it’s white but it should change to the offset version, just like if you access the same front page with a desktop device. try it and see please.

Thanks! 🙂

[Swift Ideas – Ed]

Ahh I see, this should be the full code you need to add to fix:

.page-id-15 .is-sticky #header-section::before {
background: #fff;
}
.page-id-15.mobile-browser .sticky-wrapper {
position: absolute;
width: 100%;
top: 0;
}
.page-id-15.mobile-browser .is-sticky #logo img.retina {
display: block!important;
}
.page-id-15.mobile-browser .is-sticky #logo a {
color: #222;
}

Let me know!

– Ed

[novakben]

Almost!!! yay we’re getting there 🙂

Now we have duplicate logos :/ but it almost looks the same.

[Swift Ideas – Ed]

Sorry, missed that. Here is the code for that:

.page-id-15.mobile-browser .is-sticky #logo {
background: none;
}

– Ed

[novakben]

IT WORKS!

thanks Ed, have a great week!

[Swift Ideas – Ed]

Glad I could help – thanks, you too! 🙂

– Ed