Header > Site 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.
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.
Show/hide and re-order mobile header elements. Show your logo on the left/right or centered, add search icon, or add custom content including account links, cart icon with cart total, etc. to the mobile header.
When the “Custom Content” setting is enabled you have the freedom to use whatever content or shortcodes you’d like for the mobile header.
Some useful examples:
Cart Icon with Cart Total
[mai_icon icon="shopping-cart" cart_total="true" link="https://bizbudding.com/cart/"]
[mai_icon icon="shopping-basket" cart_total="true" link="https://bizbudding.com/cart/"]
[mai_icon icon="user" link="https://bizbudding.com/my-account/"]
Click to Call Icon
[mai_icon icon="phone" link="tel://1-555-555-5555"]