Browser: Safari 18.3.1
OS: macOS 15.3.2
URL: In Builder
There’s a syntax error in wp-content/themes/bricks/assets/css/builder.min.css
#bricks-toolbar{top:32pxvar(–builder-toolbar-height)}
This causes the left panel and the preview panel to be misaligned (too far to the top, behind the toolbar, when the WP Admin Bar is enabled in Builder by my snippet “Quick Nav”.
This might not be an issue with standard Bricks without my snippet, but it’s still a CSS syntax error that should be fixed.
Hi Matthias,
Thanks so much for your report!
I can see the missing space in builder.min.css 
Best regards,
timmse
It’s not (only) a missing space.
Property top accepts one value, or a calc(), but not two values.
Right, the value should probably look like this:
var(--builder-toolbar-height, 32px)
Hi Matthias,
We fixed this issue in Bricks 2.0 beta, which is now available in your account.
Changelog: Bricks 2.0-beta Changelog – Bricks
Please let us know if you are still experiencing issues.
As with any pre-stable release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.
