Chroma | Slide Away Header question

https://florence.scdiag.com (PW: SCDIAG)

Is there a way to keep the Slide Away Header visible above a breakpoint, but slide away below a breakpoint? On the above site (under construction, hence the password), I would love for the logo and call-to-action area remain visible on tablets and above, but slide away on mobile devices. If the setting exists, I haven’t found it. Or, maybe there’s another way to do it?

You can hide the slide away header area below the breakpoint

I don’t actually want to hide it though.

I’d love for it to slide away on mobile, but not slide away on tablets and larger.

Ah OK, understood.

You can add this CSS to site wide code (assuming you want it to affect all pages with a Chroma head slide on). Just adjust the min-width to suite as necessary.

@media all and (min-width:640px){
	.animate.header-slide{
		transition: none!important;
		transform:translate(0px, 0px)!important;
	}
}
2 Likes

You, sir, are a genius. This is exactly what I was looking for. Many, many thanks!!

My pleasure, as always.

1 Like