{"id":2395,"date":"2025-03-31T11:16:04","date_gmt":"2025-03-31T11:16:04","guid":{"rendered":"https:\/\/help.kitchenparameter.com\/index.php\/docs\/customer-panel\/group-setup\/set-the-customer-theme-setup-header-and-footer\/"},"modified":"2025-04-03T09:12:59","modified_gmt":"2025-04-03T09:12:59","slug":"set-the-customer-theme-setup-header-and-footer","status":"publish","type":"docs","link":"https:\/\/help.kitchenparameter.com\/index.php\/docs\/customer-panel\/group-setup\/set-the-customer-theme-setup-header-and-footer\/","title":{"rendered":"Set the customer theme setup header and footer"},"content":{"rendered":"\n

In this guide, we will learn how to set up a custom header and footer for the customer panel. These elements are essential for adding links and marketing items, enhancing user navigation and engagement. Additionally, we will explore how to customize the header and footer colors, including text and hover effects, to align with your brand identity.<\/p>\n\n\n\n

Step 1:<\/strong> Log in to your panel with your credentials.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Enter your login email and password and click on the login button.<\/p>\n\n\n\n

Step 2:<\/strong> After logging in successfully, click on the settings option from the sidebar.<\/p>\n\n\n\n

Step 3:<\/strong> Then, click on the CMS Settings to set up the header and footer.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Header setup:<\/strong><\/p>\n\n\n\n

Step 4:<\/strong> Click on the Add menu button to create a new menu.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
    \n
  1. Enter the sequence number.<\/li>\n\n\n\n
  2. Enter the URL you want to show on the header.<\/li>\n\n\n\n
  3. Enter the name of the menu (alias).<\/li>\n\n\n\n
  4. If you’re going to open the new tab, select the new tab check box.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Header setup with sub-options:<\/strong><\/p>\n\n\n\n

      \n
    1. Follow the same steps till 4 in the header and<\/li>\n\n\n\n
    2. Click on the sub menu button.<\/li>\n\n\n\n
    3. Enter the URL you want to add under the submenu<\/li>\n\n\n\n
    4. Enter the name of the sub menu(alias)<\/li>\n\n\n\n
    5. Enter the sequence number and<\/li>\n\n\n\n
    6. If you’re going to open it in the new tab, then select the new tab option.<\/li>\n\n\n\n
    7. Finally, click on the save button.<\/li>\n<\/ol>\n\n\n\n

      Footer setup:<\/strong><\/p>\n\n\n\n

      After setting the header, we are setting the footer for better sight on the customer end.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
        \n
      1. Click on the footer bar.<\/li>\n\n\n\n
      2. Enter the section title name<\/li>\n\n\n\n
      3. Enter the URL and name for that URL in their input boxes.<\/li>\n\n\n\n
      4. Enter the sequence number.<\/li>\n\n\n\n
      5. If you want to open it in a new tab, then select the new tab option.<\/li>\n\n\n\n
      6. For more menus, click on the Add menu button.<\/li>\n\n\n\n
      7. Now select the section as per your choice<\/li>\n\n\n\n
      8. Finally, click on the save button to save data.<\/li>\n<\/ol>\n\n\n\n

        After entering all those sections’ details, please select the sectional checkbox whether you want to show it or not in the customer panel.<\/p>\n\n\n\n

        Color setup for header and footer<\/strong><\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
          \n
        1. Click on the Colors bar.<\/li>\n\n\n\n
        2. Now, we will find the three points under the colors tab.<\/li>\n\n\n\n
        3. Menu-Text color, which is useful for changing the text color<\/li>\n\n\n\n
        4. Menu Hover color is for setting the color when we move the mouse on to the text<\/li>\n\n\n\n
        5. Header\/Footer Section Color: We can set up the both header & footer background color.<\/li>\n\n\n\n
        6. Finally, after selecting the color. Click on the save button
          <\/li>\n<\/ol>\n\n\n\n

          <\/p>\n","protected":false},"featured_media":0,"parent":2367,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-2395","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/docs\/2395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/comments?post=2395"}],"version-history":[{"count":4,"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/docs\/2395\/revisions"}],"predecessor-version":[{"id":2477,"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/docs\/2395\/revisions\/2477"}],"up":[{"embeddable":true,"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/docs\/2367"}],"next":[{"title":"How to do multi language setup?","link":"https:\/\/help.kitchenparameter.com\/index.php\/docs\/customer-panel\/group-setup\/how-to-do-multi-language-setup\/","href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/docs\/2394"}],"prev":[{"title":"How to do a group setup?","link":"https:\/\/help.kitchenparameter.com\/index.php\/docs\/customer-panel\/group-setup\/how-to-do-a-group-setup\/","href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/docs\/2393"}],"wp:attachment":[{"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/media?parent=2395"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.kitchenparameter.com\/index.php\/wp-json\/wp\/v2\/doc_tag?post=2395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}