{"id":5633,"date":"2026-07-14T08:02:12","date_gmt":"2026-07-14T08:02:12","guid":{"rendered":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/?post_type=docs&#038;p=5633"},"modified":"2026-07-14T08:55:08","modified_gmt":"2026-07-14T08:55:08","password":"","slug":"layout-navigation-blocks","status":"publish","type":"docs","link":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/docs\/layout-navigation-blocks\/","title":{"rendered":"Layout &amp; Navigation Blocks"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>Structural blocks for arranging and framing every other block on the page.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><strong>Header Menu<\/strong><\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>A configurable site header with menu, search, social icons and CTA button support.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Header Menu block gives you a ready-made site navigation bar built entirely from native Gutenberg elements. It organizes your logo, primary links, category or featured content, and calls to action into a clean layout that adapts automatically to any screen size.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><strong>Key features<\/strong><\/a><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo\/branding slot with automatic sizing<\/li>\n\n\n\n<li>Primary navigation links (Home, About, Services, Contact, etc.)<\/li>\n\n\n\n<li>Optional search icon and social icon row<\/li>\n\n\n\n<li>One or two call-to-action buttons (e.g. Sign In \/ Sign Up)<\/li>\n\n\n\n<li>Fully responsive, mobile-friendly menu behavior<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><strong>Best for<\/strong><\/a><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agency sites, SaaS marketing sites, and any page that needs a polished header without a page-builder plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/header-menu-free\/\">View live demo: https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/header-menu-free\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><strong>Footer<\/strong><\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>A configurable site footer with menus, layout options and reusable structure.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Footer block mirrors the Header Menu block&#8217;s flexibility for the bottom of the page: link columns, company info, newsletter sign-up, and social links, all editable natively in Gutenberg.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><strong>Key features<\/strong><\/a><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Multi-column link groups (Products, Resources, Company, etc.)<\/li>\n\n\n\n<li>Newsletter\/subscribe form area<\/li>\n\n\n\n<li>Social icon row<\/li>\n\n\n\n<li>Reusable across templates as a WordPress pattern<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><strong>Best for<\/strong><\/a><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sitewide footers for agency, SaaS and blog templates.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/footer\/\">View live demo: https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/footer\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><strong>Row<\/strong><\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>A flexible row container for arranging content into responsive column layouts.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Row block is the general-purpose layout container behind most Guten Blocks demo pages. Drop any combination of blocks inside and arrange them into two, three, or more responsive columns.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><strong>Key features<\/strong><\/a><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adjustable column count and widths<\/li>\n\n\n\n<li>Responsive stacking on tablet\/mobile<\/li>\n\n\n\n<li>Works as a wrapper for any other Guten Block<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a><strong>Best for<\/strong><\/a><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Feature comparisons, image-and-text sections, multi-card layouts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/row-demo\/\">View live demo: https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/row-demo\/<\/a><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Structural blocks for arranging and framing every other block on the page. Header Menu A configurable site header with menu, search, social icons and CTA button support. The Header Menu block gives you a ready-made site navigation bar built entirely from native Gutenberg elements. It organizes your logo, primary links, category or featured content, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[39,42],"doc_tag":[],"class_list":["post-5633","docs","type-docs","status-publish","hentry","doc_category-gutenblocks","doc_category-layout-navigation-blocks"],"year_month":"2026-09","word_count":299,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin","author_nicename":"admin","author_url":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/author\/admin\/"},"doc_category_info":[{"term_name":"Gutenblocks","term_url":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/docs-category\/gutenblocks\/"},{"term_name":"Layout &amp; Navigation Blocks","term_url":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/docs-category\/layout-navigation-blocks\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs\/5633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/comments?post=5633"}],"version-history":[{"count":2,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs\/5633\/revisions"}],"predecessor-version":[{"id":5635,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs\/5633\/revisions\/5635"}],"wp:attachment":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/media?parent=5633"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/doc_category?post=5633"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/doc_tag?post=5633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}