Updated on 22 Jan 2026
As of Bricks 1.9.4, there is no option to set a breakpoint at which the sticky header should stop being sticky.
We can add the following block of CSS code in the header template → Settings → Page Settings → Custom Code → Custom CSS:
@media (max-width: 991px) {
#brx-header.brx-sticky.scrolling {
position: static;
}
}Replace 991 with your desired breakpoint.
Reminder: This is how sticky header can be enabled in Bricks when editing the header template ↓
For more/better control of the site header, you might want to use Header Extras / Rows from our BricksExtras.
6 comments
Rene
Hi in Bricks 2.0 the class is changed to: .sticky.scrolling
Kind regards René
Sridhar Katakam
Updated, thanks.
Sandrine
Thanks for the code, in version 2.1.4, I had to replace
#brx-header.sticky.scrollingwith `#brx-header.brx-sticky.on-scroll to make it working.Sridhar Katakam
The selector is actually
#brx-header.brx-sticky.scrolling. Updated my post.Dragan Vukicevic
With 1.10 the class is .scrolling and not .on-scroll, but this is still a quick and easy solution for mobile static header.
Sridhar Katakam
Just checked and it is still on-scroll in Bricks 1.10.