Local Business Header
Header for shops, cafes, clinics and studios with live opening hours, as a plain, fully editable Bricks tree: header > utility row (status chip that opens the hours popover, today's note, rating, phone, address) > main row…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Local Business Header reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Footers and headers
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 9
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-accentACSS colour for the seal, the Order pill and the accent dock action
data-positionsticky pins the header to the top of the page and hides the demo stage
data-dockthe mobile action dock: sticky to the bottom of the header, fixed to the bottom of the screen, or off
data-clocktime format for the status and the hours list
data-soonminutes · when "closes in" and "opens in" kick in
data-utilitythe top utility row
data-stagethe demo photo under the header
data-statuson the header, writes the chip, popover and drawer text, reformats every row in the chosen clock and marks today
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelMenu
url#menu
currentFalse
showBadgeFalse
badge15 min
daymon
labelMonday
hours07:00-18:00
showNoteFalse
noteBread only after 15:00
labelCall
urltel:+15035550142
iconphone
variantplain
actionlink
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






