{"id":530,"date":"2020-08-06T18:17:37","date_gmt":"2020-08-06T18:17:37","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/?p=530"},"modified":"2020-08-06T20:39:53","modified_gmt":"2020-08-06T20:39:53","slug":"header-setup","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/06\/header-setup\/","title":{"rendered":"Header Setup"},"content":{"rendered":"\n<p>Molla currently offers 7&nbsp;<a href=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/06\/header-presets\/\" target=\"_blank\" rel=\"noreferrer noopener\">header layouts<\/a>&nbsp;to choose from, each with its own unique design and set of options. There are several options to customize the header, as well as the content within it. Please read below to learn how to setup the header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/header-1-1024x520.jpg\" alt=\"\" class=\"wp-image-535\" srcset=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/header-1-1024x520.jpg 1024w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/header-1-300x152.jpg 300w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/header-1-768x390.jpg 768w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/header-1-1536x780.jpg 1536w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/header-1-600x305.jpg 600w, https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-content\/uploads\/sites\/40\/2020\/08\/header-1.jpg 1905w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 1<\/strong>&nbsp;\u2013 Navigate to&nbsp;<code>Molla &gt; Theme Options &gt; Header<\/code>&nbsp;to access the header options. You will see 7 main sections;<em> General, Logo &amp; Site Identity, Header Builder, Header Top, Header Main, Header Bottom, Sticky Header<\/em>. See below for information on what each section contains.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>&nbsp;\u2013 Expand the <strong>Logo &amp; Site Identity<\/strong> section and select your site logo &amp; identity. Retina logo for high-resolution desktops and several logo options are here.<\/p>\n\n\n\n<p><strong>Step 3<\/strong>&nbsp;\u2013 In <strong>General<\/strong> section, set global header options. Header width, select header row to make side header, use or not position-fixed header.<\/p>\n\n\n<div class=\"notice-info\">Note:<br>If you&#8217;ve set site logo and global header options, header contents&#8217; need to be set. See below for more information.<\/div>\n\n\n<p><strong>Step 4<\/strong>\u00a0\u2013 In <strong>Header Builder<\/strong> section, set your header contents. You could use offered header layouts or build your own header content &amp; layout. About <a href=\"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/06\/header-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Header Builder.<\/a><\/p>\n\n\n\n<p><strong>Step 5<\/strong>&nbsp;\u2013 Expand the <strong>Sticky Header<\/strong> section and set sticky header rows &amp; style.<\/p>\n\n\n\n<p><strong>Step 6<\/strong>&nbsp;\u2013 Once complete, click the \u201cPublish\u201d button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Molla currently offers 7&nbsp;header layouts&nbsp;to choose from, each with its own unique design and set of options. There are several options to customize the header, as well as the content within it. Please read below to learn how to setup the header. Step 1&nbsp;\u2013 Navigate to&nbsp;Molla &gt; Theme Options &gt; Header&nbsp;to access the header options. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55,56],"tags":[],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"categories_name":["05 - Header","Header Setup"],"author_name":"John Doe","comment_count":{"approved":0,"awaiting_moderation":0,"spam":0,"trash":0,"post-trashed":0,"all":0,"total_comments":0},"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/530"}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/comments?post=530"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/530\/revisions"}],"predecessor-version":[{"id":580,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/530\/revisions\/580"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/media?parent=530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/categories?post=530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/tags?post=530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}