Naked header boxed, issue with firefox

[DESIGNzweidrei]

Hi,

we want to use the naked header in boxed mode. Unfortunately it doesn’t work on firefox.
When you scroll down, so that the stick header appears, the whole header moves to the left.

Even when we edit the dante demo site (Home eight: Naked) to boxed, this issue occurs.

Thank you for your help.

[Kyle – SUPPORT]

Hi

Thanks for pointing that out, the developer will fix that.

– Kyle

[Kyle – SUPPORT]

Add this to your custom css:

.boxed-layout.browser-ff #header-section #header .is-sticky .sticky-header {
	left: 50%;
	margin-left: -500px;
}
@media only screen and (min-width: 1200px) {
.boxed-layout.browser-ff #header-section #header .is-sticky .sticky-header {
		left: 50%;
		margin-left: -615px;
	}
}

– Kyle

[DESIGNzweidrei]

Hi Kyle,

thank you for your quick response.
I added the code you provided but unfortunately the header still shifts to the left.
I can give you access to the site if this helps?

[DESIGNzweidrei]

This reply has been marked as private.

[Kyle – SUPPORT]

That’s telling me it’s an invalid username, please check

– Kyle

[DESIGNzweidrei]

Oh, sorry. Please try again.

[Kyle – SUPPORT]

I will forward this to the developer for you

– Kyle

[Swift Ideas – Ed]

Apologies, the code I provided was wrong. Have fixed it for you, and here for reference:

.browser-ff .boxed-layout #header-section .is-sticky .sticky-header {
    left: 50%;
    margin-left: -500px;
}
@media only screen and (min-width: 1200px) {
.browser-ff .boxed-layout #header-section .is-sticky .sticky-header {
        left: 50%;
        margin-left: -615px;
    }
}

– Ed

[DESIGNzweidrei]

Many thanks!

[Kyle – SUPPORT]

Thanks Ed