{"id":646,"date":"2016-12-06T12:33:51","date_gmt":"2016-12-06T12:33:51","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=646"},"modified":"2022-08-23T10:12:25","modified_gmt":"2022-08-23T10:12:25","slug":"header-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/header-options","title":{"rendered":"Header Options"},"content":{"rendered":"<p>In this section, you&#8217;ll be able to adjust the header and its appearance for your the site. You can set the color schemes, positioning, visible elements, etc.<\/p>\n<h3>Header main options<\/h3>\n<h4>Select the main options for the\u00a0header on your site.<\/h4>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1022 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-main-options-new.jpg\" alt=\"header-main-options-new\" width=\"978\" height=\"968\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-main-options-new.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-main-options-new-300x297.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/header-main-options-new-768x760.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<h5><strong>Top inner page settings<\/strong><\/h5>\n<ul>\n<li id=\"top-inner-page\"><strong>Top inner page<\/strong> &#8211; select any custom page as the top inner page ( you&#8217;ll see the kebab button in header which will activate top inner page on click, check the example <a href=\"http:\/\/nativewptheme.net\/home\/\" target=\"_blank\" rel=\"noopener\">here<\/a>). Note, you have to be sure, that the top inner page and the main page are not the same to avoid conflicts and errors on the page. The top inner page can also be enabled or disabled in each page editor.\n<ul>\n<li><strong>Top inner page appear effect<\/strong> &#8211;\u00a0select the appear animation effect for the top inner page on your site.<\/li>\n<li><strong>Top inner page background color<\/strong> &#8211;\u00a0set\u00a0<span class=\"webkit-html-attribute-value\">the background color for the top panel inner page.<\/span><\/li>\n<li><strong>Close button color<\/strong> &#8211;\u00a0choose the color for the close button set inside top inner page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"description\">Header main settings<\/h5>\n<ul>\n<li><strong>Boxed header layout<\/strong> &#8211; switch it to <strong>Enable<\/strong> if you want to have boxed header for your site.<\/li>\n<li><strong>Primary navigation alignment<\/strong> &#8211;\u00a0select the<span class=\"webkit-html-attribute-value\">\u00a0header navigation position in header. <strong>Right<\/strong>, <strong>left<\/strong> and <strong>center<\/strong> <strong>alignment<\/strong> positions are available.<\/span><\/li>\n<li><strong>WPML language switcher <\/strong>&#8211;<strong>\u00a0<\/strong>switch it to <strong>Enable<\/strong> to have the WPML language switcher in header. WPML plugin is required.<\/li>\n<li><strong>Language selection shortcode<\/strong> &#8211; enter the language shortcode provided by the translating plugin.<\/li>\n<li><strong>Top address panel<\/strong> &#8211; enter the contact information in this field which will be displayed in top panel of your header.<\/li>\n<li><strong>Top menu height<\/strong> &#8211;\u00a0set<span class=\"webkit-html-attribute-value\">\u00a0the height of the top menu in px. The maximum value is 150px.<\/span><\/li>\n<\/ul>\n<h5 class=\"description\">Menu hover colors<\/h5>\n<h6>In this section, you can style the hover settings for the menu item on your site.<\/h6>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-670 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/menu-hover-colors.jpg\" alt=\"menu-hover-colors\" width=\"978\" height=\"240\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/menu-hover-colors.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/menu-hover-colors-300x74.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/menu-hover-colors-768x188.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Menu dropdown hover color<\/strong> &#8211;\u00a0set the text hover color for the menu items on your site.<\/li>\n<li><strong>Menu dropdown background color<\/strong> &#8211;\u00a0select the background color for the menu dropdown.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this section, you&#8217;ll be able to adjust the header and its appearance for your the site. You can set the color schemes, positioning, visible elements, etc. Header main options<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[14,41],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/646"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=646"}],"version-history":[{"count":43,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/646\/revisions"}],"predecessor-version":[{"id":13358,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/646\/revisions\/13358"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}