Hello bricks team,
Bricks currently has a “Slide up after (px)” option in the Header settings. This feature has several key limitations:
- The same pixel value applies to all breakpoints (desktop, tablet, mobile) – no responsive control.
- If the header has two or more rows, the entire header is affected. There is no way to hide only a specific row.
To implement a modern header that hides on scroll down and reappears on scroll up, users currently have to write custom code.
Specific suggestion:
- Add two new conditions to the Scroll trigger in Interactions:
- Scroll direction (Up / Down)
- Scroll value (greater than, less than, equal to in pixels)
- Add responsive settings (desktop, tablet, mobile) to all Interactions – similar to Webflow. This would allow different scroll thresholds and behaviors per device.
- With these additions, users could selectively control multi-row headers, build conditional search bars, and have complete control over sticky behavior for any element – without any limitations – using existing Actions (Set/Remove Attribute, Add/Remove Class).
This suggestion complements the existing idea “Responsive Sticky Header Settings”.