Chroma | Slide Away Header question

Big White Duck
1

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?

2

You can hide the slide away header area below the breakpoint

Screenshot 2021-06-09 at 22.44.12
Screenshot 2021-06-09 at 22.44.12662×786 49.3 KB

3

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.

4

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
5

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

6

My pleasure, as always.

1 Like