Our theme offers a powerful and flexible header builder built directly into the WordPress Customizer. This guide will walk you through setting up and styling your main header.<\/p>\n\n\n\n
To access the header settings, navigate to Appearance \u2192 Customize<\/strong> in your WordPress dashboard, then go to Header \u2192 Main Header<\/strong>.<\/p>\n\n\n\n The theme provides predefined layout structures for your header elements (like your logo and navigation menu).<\/p>\n\n\n\n To change your layout:<\/strong><\/p>\n\n\n\n You can control how the header container aligns with the rest of your site content.<\/p>\n\n\n\n Adding extra functionality to your header is easy using Header Widgets. You can add elements like a search icon or a call-to-action button.<\/p>\n\n\n\n How to add a widget:<\/strong><\/p>\n\n\n\n If you use multiple widgets, you can add a stylish separator line between them. Under Widgets Separator<\/strong>, choose:<\/p>\n\n\n\n You can control exactly where these widgets appear. Use the Device Visibility<\/strong> dropdown to show widgets on all devices, or hide them specifically on mobile, tablet, or both.<\/p>\n\n\n\n The Business Interface theme gives you granular control over the colors and styling of the header area.<\/p>\n\n\n\n Scroll down to the Design Options<\/strong> section to access these settings:<\/p>\n\n\n\n Control the background of the entire header area.<\/p>\n\n\n\n Customize the text colors within the header:<\/p>\n\n\n\n Add definition to your header by applying borders:<\/p>\n\n\n\n Once you are happy with your header configuration, click the blue Publish<\/strong> button at the top of the Customizer to apply the changes to your live site.<\/p>\n","protected":false},"excerpt":{"rendered":" Our theme offers a powerful and flexible header builder built directly into the WordPress Customizer. This guide will walk you through setting up and styling your main header. Accessing the Header Settings To access the header settings, navigate to Appearance \u2192 Customize in your WordPress dashboard, then go to Header \u2192 Main Header. 1. Header … Continue reading Main Header Configuration Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[21],"class_list":["post-722","post","type-post","status-publish","format-standard","hentry","category-general","tag-business-interface"],"_links":{"self":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":1,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/722\/revisions"}],"predecessor-version":[{"id":723,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/722\/revisions\/723"}],"wp:attachment":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/media?parent=722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/categories?post=722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/tags?post=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\n\n\n1. Header Layout Options<\/h2>\n\n\n\n
\n
\n
\n\n\n\n2. Header Width<\/h2>\n\n\n\n
\n
\n\n\n\n3. Header Widgets<\/h2>\n\n\n\n
\n
Widget Separators<\/h3>\n\n\n\n
\n
Device Visibility<\/h3>\n\n\n\n
\n\n\n\n4. Design & Styling Options<\/h2>\n\n\n\n
Background<\/h3>\n\n\n\n
\n
Font Colors<\/h3>\n\n\n\n
\n
Borders<\/h3>\n\n\n\n
\n
\n\n\n\nSaving Your Changes<\/h2>\n\n\n\n