{"id":2353,"date":"2021-12-16T20:07:55","date_gmt":"2021-12-16T20:07:55","guid":{"rendered":"https:\/\/stax.organicthemes.com\/playground\/?page_id=2353"},"modified":"2024-06-02T02:28:49","modified_gmt":"2024-06-02T02:28:49","slug":"header-block","status":"publish","type":"page","link":"https:\/\/stax.organicthemes.com\/playground\/blocks\/organic-blocks\/header-block\/","title":{"rendered":"Header Block"},"content":{"rendered":"\n
\n
\n\n\n\n
\n
\n

Header Block Examples<\/h4>\n<\/div>\n\n\n\n
\n
\n
Documentation<\/a><\/div>\n\n\n\n
Buy Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

The Header Block<\/strong> is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u2014 such as the Cover or Hero Block. Also, the block features mobile navigation for smaller devices. STAX<\/strong> utilizes the Header Block for its logo and navigation menus, and it may be customized in the Full-Site Editor.<\/p>\n\n\n\n

Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your WordPress block editor. However, the Organic Blocks<\/strong><\/a> plugin is required.<\/p>\n\n\n\n

Please Note:<\/strong> These are example style variations created to showcase the block flexibility. Any variation can be modified to your liking, and entirely new variations may be created using the block settings.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n

Variation 1<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>