{"id":646,"date":"2016-12-06T12:33:51","date_gmt":"2016-12-06T12:33:51","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=646"},"modified":"2023-07-31T17:49:03","modified_gmt":"2023-07-31T17:49:03","slug":"header-options","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/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<h5>Top inner page settings<\/h5>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13900\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/top-inner-page.png\" alt=\"\" width=\"978\" height=\"383\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/top-inner-page.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/top-inner-page-300x117.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/top-inner-page-768x301.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Top inner page<\/strong> &#8211; select any custom page as the top inner page. 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. It allows to add an additional page, which had animation effect on scroll, ou may find the example <a href=\"http:\/\/rnbtheme.com\/fourth\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.\n<ul>\n<li><strong>Top inner page style<\/strong> &#8211;\u00a0select the appear animation effect for the top inner page on your site.\n<ul>\n<li><strong>Sliding up\/down over header<\/strong> &#8211; this option will add kebab bullets in the top panel of the header that will open the Top inner page on click.<\/li>\n<li><strong>Full screen animated<\/strong> &#8211; this option will make the Top inner page scroll out of the viewport unleashing the page content. You can check the example on Slider Scroll Effect layout.<\/li>\n<\/ul>\n<\/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>Top inner page background opacity<\/strong> &#8211;\u00a0set the background color opacity for the top panel inner page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Header main settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13902\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main-1.png\" alt=\"\" width=\"978\" height=\"675\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main-1.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main-1-300x207.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main-1-768x530.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>New header styles<\/strong> &#8211; set it to <strong>Enable<\/strong>\u00a0to use new advanced customizable headers.New styles also include Login link, extra middle section, animation styles, etc.<\/li>\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>Top address panel\u00a0<\/strong>&#8211; \u00a0type the email address, phone number, etc. to this field. HTML codes are also accepted to be displayed in top panel.<\/li>\n<li><strong>WPML language switcher<\/strong> &#8211;\u00a0set it to <strong>Enable<\/strong> to have the WPML language switcher in the header. Note, WPML plugin must be installed and activated.<\/li>\n<li><strong>Language selection shortcode<\/strong> &#8211; enter the language shortcode provided by the translating plugin.<\/li>\n<\/ul>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13903\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main.-1.png\" alt=\"\" width=\"978\" height=\"240\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main.-1.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main.-1-300x74.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/header-main.-1-768x188.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Header logo width<\/strong> &#8211; set the logo width, the min value is 30px and the max is 700px.<\/li>\n<li><strong>Header logo height<\/strong> \u00a0&#8211; set the logo height, the min value is 20px and the max is 300px.<\/li>\n<li><strong>Top menu height<\/strong> &#8211;\u00a0set\u00a0the height of the top menu in px, excluding the top panel height. The min recommended height for the top menu height should be the same as the logo height in order not to damage the header structure.<\/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:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/646"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=646"}],"version-history":[{"count":48,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/646\/revisions"}],"predecessor-version":[{"id":15631,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/646\/revisions\/15631"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}