{"id":10478,"date":"2025-09-22T20:08:59","date_gmt":"2025-09-23T00:08:59","guid":{"rendered":"https:\/\/learndash.com\/support\/?post_type=docs&p=10478"},"modified":"2025-09-27T18:33:06","modified_gmt":"2025-09-27T22:33:06","password":"","slug":"how-to-configure-your-tab-bar-and-more-screen","status":"publish","type":"docs","link":"https:\/\/learndash.com\/support\/kb\/learndash-app\/managing-content-for-learndash-app\/how-to-configure-your-tab-bar-and-more-screen\/","title":{"rendered":"How to Configure Your Tab Bar and More Screen"},"content":{"rendered":"\n

Introduction<\/strong><\/h2>\n\n\n\n


<\/strong>Create a seamless, branded navigation experience for your mobile community by customizing the Tab Bar<\/strong> and More Screen<\/strong> in the LearnDash App. From selecting the right icons and colors to organizing key screens, you can tailor navigation directly from your WordPress Dashboard.
<\/p>\n\n\n\n

This guide walks you through how to set up, customize, and preview your app\u2019s primary and secondary navigation menus.<\/p>\n\n\n\n

Open the Menus Settings<\/strong><\/h2>\n\n\n\n
    \n
  1. In WordPress, go to LearnDash App > Menus<\/strong>.<\/li>\n<\/ol>\n\n\n
    \n
    \"Screenshot<\/figure><\/div>\n\n\n
      \n
    1. Ensure the Tab Bar Menu<\/strong> tab is active.
      <\/li>\n\n\n\n
    2. Switch to the More Screen Menu<\/strong> tab to manage secondary navigation.
      <\/li>\n<\/ol>\n\n\n\n

      Clear and Rebuild Navigation<\/strong><\/h2>\n\n\n\n
        \n
      1. In the Tab Bar Menu<\/strong>, click Remove<\/strong> on each item to start fresh.<\/li>\n<\/ol>\n\n\n\n
          \n
        1. Switch to More Screen Menu<\/strong> and remove all items as well.
          <\/li>\n<\/ol>\n\n\n\n

          Add Core App Screens<\/strong><\/h2>\n\n\n\n
            \n
          1. Under the App Core<\/strong>, Select Settings<\/strong>, <\/strong>and <\/strong>click Add to Menu<\/strong>(required).
            <\/li>\n\n\n\n
          2. Click Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n
            \n
            \"Screenshot<\/figure><\/div>\n\n\n

            Note: You can also add Courses and other menu items.<\/p>\n\n\n\n

            Create Menu Sections<\/strong><\/h2>\n\n\n\n
              \n
            1. In More Screen Menu<\/strong>, click Add Section<\/strong>.<\/li>\n<\/ol>\n\n\n
              \n
              \"Screenshot<\/figure><\/div>\n\n\n
                \n
              1. Name it App Settings<\/strong>.
                <\/li>\n\n\n\n
              2. Drag Settings<\/strong> under this section.
                <\/li>\n\n\n\n
              3. Click Save Menu<\/strong>.
                <\/li>\n<\/ol>\n\n\n\n

                Customize Menu Icons and Text<\/strong><\/h2>\n\n\n\n
                  \n
                1. In the Tab Bar Menu<\/strong>, click the dropdown arrow beside each item.
                  <\/li>\n\n\n\n
                2. Click Select Item Icon<\/strong>.
                  <\/li>\n<\/ol>\n\n\n
                  \n
                  \"Screenshot<\/figure><\/div>\n\n\n
                    \n
                  1. Choose from the Icon Pack<\/strong>.
                    <\/li>\n\n\n\n
                  2. Set an Icon Color<\/strong> to match your brand.
                    <\/li>\n\n\n\n
                  3. Click Select Icon<\/strong>, then Save Menu<\/strong>.
                    <\/li>\n\n\n\n
                  4. Repeat for More Screen Menu<\/strong> items.
                    <\/li>\n<\/ol>\n\n\n\n

                    Adjust Default Icon Colors<\/strong><\/h2>\n\n\n\n
                      \n
                    1. Go to LearnDash App > Branding > Colors > Tab Bar & More Screen<\/strong>.<\/li>\n<\/ol>\n\n\n
                      \n
                      \"Screenshot<\/figure><\/div>\n\n\n
                        \n
                      1. Set your Icon Default Color<\/strong> and Icon Active Color<\/strong> (for selected Tab Bar items).
                        <\/li>\n\n\n\n
                      2. Click Save Changes<\/strong>.
                        <\/li>\n<\/ol>\n\n\n\n

                        Preview in the App<\/strong><\/h2>\n\n\n\n
                          \n
                        1. Force-close<\/strong> the LearnDash App on your device.
                          <\/li>\n\n\n\n
                        2. Reopen to see your updated Tab Bar<\/strong> and More Screen<\/strong> layout, icons, and colors.
                          <\/li>\n<\/ol>\n\n\n\n

                          Troubleshooting and FAQs<\/strong><\/h2>\n\n\n\n

                          Q: Why aren\u2019t my menu changes showing in the app?
                          <\/strong> A: Force-close and reopen the LearnDash App to apply the updated menu settings.<\/p>\n\n\n\n

                          Q: Why can\u2019t I add more than four items to the Tab Bar?<\/strong>
                          <\/strong> A: The Tab Bar supports only four items plus the More<\/strong> menu. Extra items should be added to the More Screen<\/strong>.<\/p>\n\n\n\n

                          Q: Why aren\u2019t the legacy icons showing in the icon picker?
                          <\/strong> A: Clear your browser cache, update the LearnDash App plugin, and reload the Menus > Tab Bar<\/strong> screen.<\/p>\n","protected":false},"excerpt":{"rendered":"

                          Introduction Create a seamless, branded navigation experience for your mobile community by customizing the Tab Bar and More Screen in the LearnDash App. From selecting the right icons and colors to organizing key screens, you can tailor navigation directly from your WordPress Dashboard. This guide walks you through how to set up, customize, and preview…<\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_helpful_status":1,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"doc_category":[288],"doc_tag":[],"knowledge_base":[283],"class_list":["post-10478","docs","type-docs","status-publish","hentry","doc_category-managing-content-for-learndash-app","knowledge_base-learndash-app"],"year_month":"2026-04","word_count":366,"total_views":"372","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Stephanie Liy","author_link":"https:\/\/learndash.com\/support\/author\/stephaniei\/"},"doc_category_info":[{"term_name":"Managing Content for LearnDash App","term_url":"https:\/\/learndash.com\/support\/kb\/learndash-app\/managing-content-for-learndash-app\/"}],"doc_tag_info":[],"taxonomy_info":{"doc_category":[{"value":288,"label":"Managing Content for LearnDash App"}],"knowledge_base":[{"value":283,"label":"LearnDash App"}]},"featured_image_src_large":false,"comment_info":0,"knowledge_base_info":[{"term_name":"LearnDash App","term_url":"https:\/\/learndash.com\/support\/kb\/learndash-app\/","term_slug":"learndash-app"}],"knowledge_base_slug":["learndash-app"],"_links":{"self":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/comments?post=10478"}],"version-history":[{"count":2,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10478\/revisions"}],"predecessor-version":[{"id":10889,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10478\/revisions\/10889"}],"wp:attachment":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/media?parent=10478"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_category?post=10478"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_tag?post=10478"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/knowledge_base?post=10478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}