{"id":39,"date":"2025-07-22T16:26:45","date_gmt":"2025-07-22T16:26:45","guid":{"rendered":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/?page_id=39"},"modified":"2025-08-15T14:18:27","modified_gmt":"2025-08-15T14:18:27","slug":"site-header","status":"publish","type":"page","link":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header","title":{"rendered":"Site Header"},"content":{"rendered":"\n<div class=\"wp-block-group has-border-color has-primary-alt-border-color has-primary-accent-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-92eefbfb wp-block-group-is-layout-flex\">\n<p class=\"has-small-font-size\" style=\"margin-top:0\">Learn more about the Core Blocks used in these patterns: <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/group\">Group<\/a>, <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/menu\">Menu<\/a>, <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/buttons\">Buttons<\/a>, <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/image\">Image<\/a><\/p>\n\n\n\n<p class=\"has-text-align-right has-primary-color has-text-color has-link-color has-small-font-size wp-elements-4955e14ce39a9905a3466cd62b910628\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-admin\/post.php?post=39&amp;action=edit\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Login to try it yourself<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"header-1\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Header 1<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-2a6a04d7 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<header class=\"wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-eeb91d56 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f1189ed3 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\"><h1 class=\"wp-block-site-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\" target=\"_self\" rel=\"home\">WordPress Base Theme Documentation<\/a><\/h1><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-4b4c3f71 wp-block-group-is-layout-flex\"><nav class=\"is-responsive order-1 md:order-0 wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Menu\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-1\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-1-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive order-1 md:order-0 wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%201\"><span class=\"wp-block-navigation-item__label\">Menu 1<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%202\"><span class=\"wp-block-navigation-item__label\">Menu 2<\/span><\/a><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--mouseenter=\"actions.openMenuOnHover\" data-wp-on--mouseleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/contact\"><span class=\"wp-block-navigation-item__label\">Contact<\/span><\/a><button data-wp-bind--aria-expanded=\"state.isMenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Contact submenu\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" class=\"wp-block-navigation__submenu-container wp-block-navigation-submenu\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/query-loop\"><span class=\"wp-block-navigation-item__label\">Query Loop<\/span><\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Learn more<\/a><\/div>\n<\/div>\n<\/div>\n<\/header>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-color has-main-background-color has-text-color has-background has-link-color wp-elements-98f4d5b61548a93275d773475049cf09 has-global-padding is-layout-constrained wp-container-core-group-is-layout-2a6a04d7 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<header class=\"wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-eeb91d56 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f1189ed3 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\"><h1 class=\"wp-block-site-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\" target=\"_self\" rel=\"home\">WordPress Base Theme Documentation<\/a><\/h1><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-4b4c3f71 wp-block-group-is-layout-flex\"><nav class=\"is-responsive order-1 md:order-0 wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Menu 2\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-2\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-2-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive order-1 md:order-0 wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%201\"><span class=\"wp-block-navigation-item__label\">Menu 1<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%202\"><span class=\"wp-block-navigation-item__label\">Menu 2<\/span><\/a><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--mouseenter=\"actions.openMenuOnHover\" data-wp-on--mouseleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/contact\"><span class=\"wp-block-navigation-item__label\">Contact<\/span><\/a><button data-wp-bind--aria-expanded=\"state.isMenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Contact submenu\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" class=\"wp-block-navigation__submenu-container wp-block-navigation-submenu\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/query-loop\"><span class=\"wp-block-navigation-item__label\">Query Loop<\/span><\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-light is-style-button-light--3\"><a class=\"wp-block-button__link wp-element-button\">Learn more<\/a><\/div>\n<\/div>\n<\/div>\n<\/header>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"header-2\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Header 2<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-98c4f54e wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\n<header class=\"wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-eeb91d56 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f1189ed3 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1b11d160 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"28\" height=\"28\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/08\/logo-1.svg\" alt=\"\" class=\"wp-image-173\"\/><\/figure>\n\n\n<h1 class=\"wp-block-site-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\" target=\"_self\" rel=\"home\">WordPress Base Theme Documentation<\/a><\/h1><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f1189ed3 wp-block-group-is-layout-flex\"><nav class=\"is-responsive order-1 md:order-0 wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Menu 3\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-4\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-4-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive order-1 md:order-0 wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%201\"><span class=\"wp-block-navigation-item__label\">Menu 1<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%202\"><span class=\"wp-block-navigation-item__label\">Menu 2<\/span><\/a><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--mouseenter=\"actions.openMenuOnHover\" data-wp-on--mouseleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/contact\"><span class=\"wp-block-navigation-item__label\">Contact<\/span><\/a><button data-wp-bind--aria-expanded=\"state.isMenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Contact submenu\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" class=\"wp-block-navigation__submenu-container wp-block-navigation-submenu\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/query-loop\"><span class=\"wp-block-navigation-item__label\">Query Loop<\/span><\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav><\/div>\n<\/header>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-color has-primary-background-color has-text-color has-background has-link-color wp-elements-90f4bee7554b762ef4d602f5536cd491 has-global-padding is-layout-constrained wp-container-core-group-is-layout-98c4f54e wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\n<header class=\"wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-eeb91d56 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f1189ed3 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1b11d160 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"28\" height=\"28\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/08\/logo.svg\" alt=\"\" class=\"wp-image-172\"\/><\/figure>\n\n\n<h1 class=\"wp-block-site-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\" target=\"_self\" rel=\"home\">WordPress Base Theme Documentation<\/a><\/h1><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f1189ed3 wp-block-group-is-layout-flex\"><nav class=\"is-responsive order-1 md:order-0 wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Menu 4\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-5\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-5-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive order-1 md:order-0 wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%201\"><span class=\"wp-block-navigation-item__label\">Menu 1<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%202\"><span class=\"wp-block-navigation-item__label\">Menu 2<\/span><\/a><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--mouseenter=\"actions.openMenuOnHover\" data-wp-on--mouseleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/contact\"><span class=\"wp-block-navigation-item__label\">Contact<\/span><\/a><button data-wp-bind--aria-expanded=\"state.isMenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Contact submenu\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" class=\"wp-block-navigation__submenu-container wp-block-navigation-submenu\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/query-loop\"><span class=\"wp-block-navigation-item__label\">Query Loop<\/span><\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav><\/div>\n<\/header>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"header-3\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Header 3<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-98c4f54e wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\n<header class=\"wp-block-group alignwide is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-eeb91d56 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3b48ba68 wp-block-group-is-layout-flex\"><nav class=\"is-responsive order-1 md:order-1 wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Menu 5\" \n\t\t data-wp-interactive=\"core\/navigation\" data-wp-context='{\"overlayOpenedBy\":{\"click\":false,\"hover\":false,\"focus\":false},\"type\":\"overlay\",\"roleAttribute\":\"\",\"ariaLabel\":\"Menu\"}'><button aria-haspopup=\"dialog\" aria-label=\"Open menu\" class=\"wp-block-navigation__responsive-container-open\" \n\t\t\t\tdata-wp-on--click=\"actions.openMenuOnClick\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t><svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 7.5h16v1.5H4z\"><\/path><path d=\"M4 15h16v1.5H4z\"><\/path><\/svg><\/button>\n\t\t\t\t<div class=\"wp-block-navigation__responsive-container\"  id=\"modal-6\" \n\t\t\t\tdata-wp-class--has-modal-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-class--is-menu-open=\"state.isMenuOpen\"\n\t\t\t\tdata-wp-watch=\"callbacks.initMenu\"\n\t\t\t\tdata-wp-on--keydown=\"actions.handleMenuKeydown\"\n\t\t\t\tdata-wp-on--focusout=\"actions.handleMenuFocusout\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t>\n\t\t\t\t\t<div class=\"wp-block-navigation__responsive-close\" tabindex=\"-1\">\n\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-dialog\" \n\t\t\t\tdata-wp-bind--aria-modal=\"state.ariaModal\"\n\t\t\t\tdata-wp-bind--aria-label=\"state.ariaLabel\"\n\t\t\t\tdata-wp-bind--role=\"state.roleAttribute\"\n\t\t\t>\n\t\t\t\t\t\t\t<button aria-label=\"Close menu\" class=\"wp-block-navigation__responsive-container-close\" \n\t\t\t\tdata-wp-on--click=\"actions.closeMenuOnClick\"\n\t\t\t><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z\"><\/path><\/svg><\/button>\n\t\t\t\t\t\t\t<div class=\"wp-block-navigation__responsive-container-content\" \n\t\t\t\tdata-wp-watch=\"callbacks.focusFirstElement\"\n\t\t\t id=\"modal-6-content\">\n\t\t\t\t\t\t\t\t<ul class=\"wp-block-navigation__container is-responsive order-1 md:order-1 wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%201\"><span class=\"wp-block-navigation-item__label\">Menu 1<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"http:\/\/Menu%202\"><span class=\"wp-block-navigation-item__label\">Menu 2<\/span><\/a><\/li><li data-wp-context=\"{ &quot;submenuOpenedBy&quot;: { &quot;click&quot;: false, &quot;hover&quot;: false, &quot;focus&quot;: false }, &quot;type&quot;: &quot;submenu&quot;, &quot;modal&quot;: null, &quot;previousFocus&quot;: null }\" data-wp-interactive=\"core\/navigation\" data-wp-on--focusout=\"actions.handleMenuFocusout\" data-wp-on--keydown=\"actions.handleMenuKeydown\" data-wp-on--mouseenter=\"actions.openMenuOnHover\" data-wp-on--mouseleave=\"actions.closeMenuOnHover\" data-wp-watch=\"callbacks.initMenu\" tabindex=\"-1\" class=\"wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/contact\"><span class=\"wp-block-navigation-item__label\">Contact<\/span><\/a><button data-wp-bind--aria-expanded=\"state.isMenuOpen\" data-wp-on--click=\"actions.toggleMenuOnClick\" aria-label=\"Contact submenu\" class=\"wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M1.50002 4L6.00002 8L10.5 4\" stroke-width=\"1.5\"><\/path><\/svg><\/button><ul data-wp-on--focus=\"actions.openMenuOnFocus\" class=\"wp-block-navigation__submenu-container wp-block-navigation-submenu\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/query-loop\"><span class=\"wp-block-navigation-item__label\">Query Loop<\/span><\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/nav>\n\n\n<div class=\"wp-block-group order-1 md:order-0 is-nowrap is-layout-flex wp-container-core-group-is-layout-3b7ea385 wp-block-group-is-layout-flex\"><h1 class=\"wp-block-site-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\" target=\"_self\" rel=\"home\">WordPress Base Theme Documentation<\/a><\/h1><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f1189ed3 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n<\/header>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn more about the Core Blocks used in these patterns: Group, Menu, Buttons, Image Login to try it yourself Header 1 Header 2 Header 3<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":18,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Site Header - WordPress Base Theme Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Site Header - WordPress Base Theme Documentation\" \/>\n<meta property=\"og:description\" content=\"Learn more about the Core Blocks used in these patterns: Group, Menu, Buttons, Image Login to try it yourself Header 1 Header 2 Header 3\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header\" \/>\n<meta property=\"og:site_name\" content=\"WordPress Base Theme Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-15T14:18:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/08\/logo-1.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header\",\"url\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header\",\"name\":\"Site Header - WordPress Base Theme Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/docs.vatu.dev\\\/app\\\/uploads\\\/sites\\\/5\\\/2025\\\/08\\\/logo-1.svg\",\"datePublished\":\"2025-07-22T16:26:45+00:00\",\"dateModified\":\"2025-08-15T14:18:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header#primaryimage\",\"url\":\"https:\\\/\\\/docs.vatu.dev\\\/app\\\/uploads\\\/sites\\\/5\\\/2025\\\/08\\\/logo-1.svg\",\"contentUrl\":\"https:\\\/\\\/docs.vatu.dev\\\/app\\\/uploads\\\/sites\\\/5\\\/2025\\\/08\\\/logo-1.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/site-header#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Patterns\",\"item\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Site Header\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/#website\",\"url\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/\",\"name\":\"WordPress Base Theme Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Site Header - WordPress Base Theme Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header","og_locale":"en_US","og_type":"article","og_title":"Site Header - WordPress Base Theme Documentation","og_description":"Learn more about the Core Blocks used in these patterns: Group, Menu, Buttons, Image Login to try it yourself Header 1 Header 2 Header 3","og_url":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header","og_site_name":"WordPress Base Theme Documentation","article_modified_time":"2025-08-15T14:18:27+00:00","og_image":[{"url":"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/08\/logo-1.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header","url":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header","name":"Site Header - WordPress Base Theme Documentation","isPartOf":{"@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header#primaryimage"},"image":{"@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header#primaryimage"},"thumbnailUrl":"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/08\/logo-1.svg","datePublished":"2025-07-22T16:26:45+00:00","dateModified":"2025-08-15T14:18:27+00:00","breadcrumb":{"@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header#primaryimage","url":"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/08\/logo-1.svg","contentUrl":"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/08\/logo-1.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/site-header#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/"},{"@type":"ListItem","position":2,"name":"Patterns","item":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns"},{"@type":"ListItem","position":3,"name":"Site Header"}]},{"@type":"WebSite","@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/#website","url":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/","name":"WordPress Base Theme Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":21,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":215,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/39\/revisions\/215"}],"up":[{"embeddable":true,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}