Content hidden beneath fixed-top navbar in Bulma

When using Bulma's navbar with the is-fixed-top modifier, page content renders underneath the navbar unless extra top spacing is added to the first element. In a repeatable development environment, developers want to avoid manually inserting a dummy div or inline style each time the component is used.

The framework does not provide a built‑in utility class for this spacing, and because Bulma omits a CSS reset, the amount of space needed can vary across browsers.

What is the recommended way to apply consistent top spacing automatically when using is-fixed-top? Should a Sass mixin, CSS custom property, or a small extension be added to the project to handle this? How can teams ensure the spacing remains uniform across target browsers without adopting a full reset?