{"id":1889,"date":"2022-03-15T14:03:04","date_gmt":"2022-03-15T14:03:04","guid":{"rendered":"https:\/\/docs.wptravelengine.com\/?post_type=docs&#038;p=1889"},"modified":"2022-11-17T06:14:20","modified_gmt":"2022-11-17T06:14:20","slug":"configure-header","status":"publish","type":"docs","link":"https:\/\/docs.wptravelengine.com\/article\/configure-header\/","title":{"rendered":"Header Settings"},"content":{"rendered":"\n<p>The Travel Monster theme provides several settings under the Main Header Setting to add and configure different Header elements for your website. You can access the Header Settings via<strong> Dashboard &gt; Appearance &gt; Customize &gt; General Settings &gt; Main Header.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">General Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"450\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-26.png\" alt=\"\" class=\"wp-image-2830\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-26.png 326w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-26-217x300.png 217w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-26-43x60.png 43w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/><\/figure>\n\n\n\n<p><strong>Header Width:<\/strong> You can select the header container width via this option.<\/p>\n\n\n\n<p><strong>Sticky Header:<\/strong> Enabling this option will activate sticky header on your website.<\/p>\n\n\n\n<p><strong>Header Search: <\/strong>Enable this option to display search icon on the site header. <\/p>\n\n\n\n<p><strong>Top Header Color:<\/strong> Select a background color for the Top Header.<\/p>\n\n\n\n<p><strong>Text Color: <\/strong>Select a text color for the Top Header.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Navigation Menu<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"325\" height=\"297\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-27.png\" alt=\"\" class=\"wp-image-2832\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-27.png 325w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-27-300x274.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-27-66x60.png 66w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/figure>\n\n\n\n<p><strong>Items Spacing: <\/strong>Choose a spacing value to apply between the menu items.<\/p>\n\n\n\n<p><strong>Stretch Menu: <\/strong>Enable this option to stretch the menu items across the menu container.<\/p>\n\n\n\n<p><strong>Dropdown Width: <\/strong>Select the width value for the dropdown menu container.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Contact Information<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"224\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-28.png\" alt=\"\" class=\"wp-image-2834\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-28.png 327w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-28-300x206.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-28-88x60.png 88w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><\/figure>\n\n\n\n<p><strong>Phone: <\/strong>Enter the contact number to display on the header.<\/p>\n\n\n\n<p><strong>Email: <\/strong>Enter the contact email address to display on the header. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Header Button<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"747\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-29.png\" alt=\"\" class=\"wp-image-2836\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-29.png 323w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-29-130x300.png 130w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-29-26x60.png 26w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/figure>\n\n\n\n<p><strong>Button Label:<\/strong> Enter the label for the button you want to display on the site header.<\/p>\n\n\n\n<p><strong>Button URL:<\/strong> Enter the URL to which you want the header button to link to.<\/p>\n\n\n\n<p><strong>Open link in new Tab:<\/strong> Enable this option to open the header button link in new tab.<\/p>\n\n\n\n<p><strong>Show in Sticky Header: <\/strong>Enable this option to display the header button inside the sticky header.<\/p>\n\n\n\n<p><strong>Background Color:<\/strong> Select the background color for the header button.<\/p>\n\n\n\n<p><strong>Background Hover Color: <\/strong>Select the background color for the header button on hover state.<\/p>\n\n\n\n<p><strong>Text Color: <\/strong>Select the button text color.<\/p>\n\n\n\n<p><strong>Text Hover Color:<\/strong> Select the button text color on hover state.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Social Media Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"699\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-30.png\" alt=\"\" class=\"wp-image-2840\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-30.png 323w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-30-139x300.png 139w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-30-28x60.png 28w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/figure>\n\n\n\n<p><strong>Social Media: <\/strong>Enable the blue button to display the Social media icons on the site header.<\/p>\n\n\n\n<p><strong>Open in new tab:<\/strong> You can enable this option to open the added social network accounts in new tab.<\/p>\n\n\n\n<p><strong>Social Media Icons: <\/strong>Click on the eye icon to display\/hide a social media icon on the site header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"303\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-31.png\" alt=\"\" class=\"wp-image-2841\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-31.png 321w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-31-300x283.png 300w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-31-64x60.png 64w\" sizes=\"(max-width: 321px) 100vw, 321px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Mobile Header Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"370\" src=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-32.png\" alt=\"\" class=\"wp-image-2844\" srcset=\"https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-32.png 326w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-32-264x300.png 264w, https:\/\/docs.wptravelengine.com\/wp-content\/uploads\/2022\/09\/1-32-53x60.png 53w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/><\/figure>\n\n\n\n<p><strong>Menu Label: <\/strong>Enter the text you want to display to represent the navigation menu in mobile view.<\/p>\n\n\n\n<p><strong>Show Search:<\/strong> Enable this option to display search form in mobile view.<\/p>\n\n\n\n<p><strong>Show Phone Number: <\/strong>Enable this option to display Phone number inside the mobile menu container. <\/p>\n\n\n\n<p><strong>Show Email Address:<\/strong> Enable this option to display email address inside the mobile menu container.<\/p>\n\n\n\n<p><strong>Show Social Media: <\/strong>Enable this option to display social media icons inside the mobile menu container.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Travel Monster theme provides several settings under the Main Header Setting to add and configure different Header elements for &hellip; <\/p>\n","protected":false},"author":10,"featured_media":0,"template":"","meta":{"_eb_attr":"","_eb_data_table":""},"doc_category":[80],"doc_tag":[],"_links":{"self":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs\/1889"}],"collection":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/users\/10"}],"version-history":[{"count":15,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs\/1889\/revisions"}],"predecessor-version":[{"id":3007,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/docs\/1889\/revisions\/3007"}],"wp:attachment":[{"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/media?parent=1889"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/doc_category?post=1889"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.wptravelengine.com\/wp-json\/wp\/v2\/doc_tag?post=1889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}