BizBudding Docs

Documentation

Home » MT Docs » Customizer » Site Header

Site Header

Knowledgebase:

Design your site header with dynamic sticky and transparency options.

Header > Site Header

sticky header

Enable Sticky Header

Check on Enable Sticky Header to keep your site header at the top of the page when scrolled.

The sticky header is designed to automatically resize so it won’t take up as much screen real estate. View the logo spacing settings in Customizer > Site Identity to set the amount of “shrink” when a sticky header scrolls.

Note: The sticky header is intentionally disabled on mobile. User studies and other analytics/data show that sticky headers on mobile cause a higher bounce rate, lower conversions, and generally are annoying to users. If you absolutely need a sticky header on mobile it will require custom CSS.

Sticky Header

Enable Transparent Header

Check on Enable Transparent Header for an invisible header design. This header style will only display on pages that have a Page Header or a Group/Cover block set to “Full Align” as the first block in the content.

Transparent header is best utilized when you have a overlay color or image on your pages and posts.

Transparent Header