{"id":79824,"date":"2017-03-09T04:15:04","date_gmt":"2017-03-09T09:15:04","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=79824"},"modified":"2017-05-24T10:25:20","modified_gmt":"2017-05-24T14:25:20","slug":"multipurpose-website-templates-manage-header-layouts","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/multipurpose-website-templates-manage-header-layouts.html","title":{"rendered":"Multipurpose Website Templates. How to manage header layouts"},"content":{"rendered":"<p>Hi there, we are glad to present a new tutorial on how to manage header layouts in <a href=\"https:\/\/www.templatemonster.com\/website-templates.php\" target=\"_blank\">Multipurpose Website Templates<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/ylAd2xN9bqU\"><\/iframe>\r\n<\/div>\r\n<p>Multipurpose Website Templates have different header layouts, for example,<strong> Header parallax<\/strong>,<strong> Header Transparent<\/strong>,<strong> Header Minimal<\/strong>,<strong>Header Corporate<\/strong>, <strong>Header Hamburger Menu<\/strong> etc :<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-1.jpg\" alt=\"Multipurpose Website Templates. How to manage header layouts-1\" width=\"982\" height=\"661\" class=\"alignnone size-full wp-image-79827\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-1.jpg 982w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-1-150x101.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-1-300x202.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-1-768x517.jpg 768w\" sizes=\"(max-width: 982px) 100vw, 982px\" \/><\/a>\r\n<p>We are going to show you how to apply a certain header layout to the specific page.<\/p>\r\n<p>For example, if you want to apply the <strong>Header Hamburger Menu<\/strong> layout to the Home page you should perform the following steps:<\/p>\r\n<ol>\r\n\t<li><p>Open the html file for <strong>Header Hamburger Menu<\/strong> layout using a text editor. In our case it&#8217;s a <strong>index-sidebar.html <\/strong> file, which can be found in the <strong>site <\/strong> folder of the downloaded template package.<\/p><\/li>\r\n\t<li><p>Locate header section and copy all the code between opening  <strong>&lt;header&gt;<\/strong> and closing <strong>&lt; &frasl;header&gt;<\/strong> tags.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-2.jpg\" alt=\"Multipurpose Website Templates. How to manage header layouts-2\" width=\"998\" height=\"750\" class=\"alignnone size-full wp-image-79828\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-2.jpg 998w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-2-150x113.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-2-300x225.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-2-768x577.jpg 768w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><\/a>\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-3.jpg\" alt=\"Multipurpose Website Templates. How to manage header layouts-3\" width=\"997\" height=\"720\" class=\"alignnone size-full wp-image-79829\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-3.jpg 997w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-3-150x108.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-3-300x217.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-3-768x555.jpg 768w\" sizes=\"(max-width: 997px) 100vw, 997px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li><p>Find and open the <strong>index.html <\/strong> file for Home page editing. Insert all the previously copied code into header section of this page (between the opening  <strong>&lt;header&gt;<\/strong> and closing <strong>&lt; &frasl;header&gt;<\/strong> tags) instead of the existing one.<\/p>\r\n\t<\/li>\r\n\t<li><p>Save settings using the <strong>Save <\/strong> button.<\/p><\/li>\r\n\t<li><p>Make sure modified file has been uploaded to the server.<\/p><\/li>\r\n<\/ol>\r\n<p>Refresh your site to check the changes. You will see  <strong>Header Hamburger Menu <\/strong> layout was successfully applied to Home page:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-4.jpg\" alt=\"Multipurpose Website Templates. How to manage header layouts-4\" width=\"981\" height=\"752\" class=\"alignnone size-full wp-image-79830\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-4.jpg 981w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-4-150x115.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-4-300x230.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/03\/Multipurpose-Website-Templates.-How-to-manage-header-layouts-4-768x589.jpg 768w\" sizes=\"(max-width: 981px) 100vw, 981px\" \/><\/a>\r\n<p>This is the end of the tutorial. Now you know how to manage header layouts in Multipurpose Website Templates.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=ylAd2xN9bqU?width=1280&amp;height=720\" rel=\"prettyPhoto\">Multipurpose Website Templates. How to manage header layouts<\/a>","protected":false},"excerpt":{"rendered":"<p>Hi there, we are glad to present a new tutorial on how to manage header layouts in Multipurpose Website Templates.<\/p>\n","protected":false},"author":126,"featured_media":79831,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[627,2415,1321,2568],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79824"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/126"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=79824"}],"version-history":[{"count":4,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79824\/revisions"}],"predecessor-version":[{"id":80740,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/79824\/revisions\/80740"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/79831"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=79824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=79824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=79824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}