{"id":1452,"date":"2023-06-27T23:09:40","date_gmt":"2023-06-27T19:39:40","guid":{"rendered":"https:\/\/www.spicom.com\/help\/?p=1452"},"modified":"2023-06-27T23:13:55","modified_gmt":"2023-06-27T19:43:55","slug":"sticky-overlay-header","status":"publish","type":"post","link":"https:\/\/www.spicom.com\/help\/header\/sticky-overlay-header","title":{"rendered":"Sticky & Overlay Header"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]With this guide, you can easily configure an overlay header and enable the sticky header functionality in the “Header Templates Settings”<\/strong> section of the Customizer in Aida theme. These settings provide you with the flexibility to enhance the appearance and user experience of your theme’s header for your customers.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1454″ img_size=”full” alignment=”center” css_animation=”slideInUp”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

    \n
  1. Open the Customizer:<\/strong>\n
      \n
    • To access the Customizer, go to your WordPress dashboard and navigate to the left-hand toolbar. Click on “Customize.”<\/li>\n<\/ul>\n<\/li>\n
    • Go to the Header section:<\/strong>\n
        \n
      • Once the Customizer opens, select the “Header” option from the left-hand menu.<\/li>\n<\/ul>\n<\/li>\n
      • Navigate to the Header Templates Settings:<\/strong>\n
          \n
        • Look for the “Header Templates Settings” option and click on it.<\/li>\n<\/ul>\n<\/li>\n
        • Enable Overlay Header:<\/strong>\n
            \n
          • To set an overlay header, enable the “Enable Overlay Header” option.<\/li>\n
          • By activating this option, you can configure a header with an overlay effect.<\/li>\n<\/ul>\n<\/li>\n
          • Enable Sticky Header:<\/strong>\n
              \n
            • To display the header menu at the top even when scrolling the page, enable the “Enable Sticky Header” option.<\/li>\n
            • Enabling this option will keep the header menu fixed at the top of the page.<\/li>\n<\/ul>\n<\/li>\n
            • Save your changes:<\/strong>\n
                \n
              • After making the desired settings, click on the “Save & Publish” button located at the top-right corner of the Customizer toolbar to save your changes.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

                [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n

                <\/span><\/div><\/section>","protected":false},"excerpt":{"rendered":"

                [vc_row][vc_column][vc_column_text]With this guide, you can easily configure an overlay header and enable the sticky header functionality in the “Header Templates Settings” section of the Customizer in Aida theme. These settings provide you with the flexibility to enhance the appearance and user experience of your theme’s header for your customers.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=”1454″ img_size=”full” alignment=”center” css_animation=”slideInUp”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Open the […]<\/p>\n

                <\/span><\/div>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[107],"tags":[],"yst_prominent_words":[],"_links":{"self":[{"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/posts\/1452"}],"collection":[{"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/comments?post=1452"}],"version-history":[{"count":2,"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/posts\/1452\/revisions"}],"predecessor-version":[{"id":1455,"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/posts\/1452\/revisions\/1455"}],"wp:attachment":[{"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/media?parent=1452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/categories?post=1452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/tags?post=1452"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.spicom.com\/help\/wp-json\/wp\/v2\/yst_prominent_words?post=1452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}