{"id":584,"date":"2022-06-28T08:00:16","dateGmt":"2022-06-28T08:00:16","modified":"2022-06-28T16:29:04","modifiedGmt":"2022-06-28T16:29:04","status":"publish","title":"How to Edit the Mobile App Menu: Add, Remove, Sort Items","content":"<p><strong>Local Service Hero<\/strong> allows you to create a mobile app for your business customers, in which you can display any content. This content is displayed on the pages of the mobile application, and the pages are added to the mobile app menu so that users can access them.<\/p>\n<p>In this tutorial we show you how to edit the mobile app menu: add pages to the app menu, remove pages from the menu, and sort the content in the menu. This allows you to create a customized menu for your customers\u2019 mobile app.<\/p>\n<h2>1- Add pages to the mobile app menu in Local Service Hero<\/h2>\n<p>To add pages to the mobile app menu in Local Service Hero, you need to first open the\u00a0<strong>Mobile App Menu<\/strong> page.<\/p>\n<p>For this, go to\u00a0<strong>Mobile app > Mobile App Menu<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2140 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-01.png\" alt=\"edit mobile app menu local service hero\" width=\"1920\" height=\"931\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-01.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-01-350x170.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-01-1024x497.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-01-768x372.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-01-1536x745.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Once you\u2019re in the\u00a0<strong>Mobile App Menu<\/strong> page, you can start adding pages to the menu by drag and dropping the pages from the <strong>Disabled Pages<\/strong>\u00a0side into the <strong>Enabled Pages<\/strong> side.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2139 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/11\/app-menu-02.png\" alt=\"edit mobile app menu local service hero\" width=\"1920\" height=\"931\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/11\/app-menu-02.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/11\/app-menu-02-350x170.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/11\/app-menu-02-1024x497.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/11\/app-menu-02-768x372.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/11\/app-menu-02-1536x745.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>2- Remove pages from the mobile app menu<\/h2>\n<p>To remove pages from the mobile app menu, you need to move them from the\u00a0<strong>Enabled pages<\/strong> side to the <strong>Disabled pages<\/strong> side.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2145 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-03.png\" alt=\"edit mobile app menu local service hero\" width=\"1920\" height=\"931\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-03.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-03-350x170.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-03-1024x497.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-03-768x372.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-03-1536x745.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>3- Sort mobile app menu items<\/h2>\n<p>To sort items on the mobile app menu, you just need to move them up or down in the\u00a0<strong>Enabled Pages<\/strong> side.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2146 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-04.png\" alt=\"edit mobile app menu local service hero\" width=\"1920\" height=\"931\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-04.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-04-350x170.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-04-1024x497.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-04-768x372.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/app-menu-04-1536x745.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>This is how you can modify your mobile app menu in <strong>Local Service Hero<\/strong>.<\/p>\n<p><a href=\"https:\/\/localservicehero.com\/us\/blog\/\"><strong>Read more tutorials<\/strong><\/a><\/p>\n","excerpt":"<p>Local Service Hero allows you to create a mobile app for your business customers, in which you can display any content. This content is displayed on the pages of the mobile application, and the pages are added to the mobile app menu so that users can access them. In this tutorial we show you how \u2026 <a title=\"How to Edit the Mobile App Menu: Add, Remove, Sort Items\" class=\"read-more\" href=\"https:\/\/localservicehero.com\/us\/edit-mobile-app-menu\/\">Read more<\/a><\/p>\n","commentStatus":"closed","sticky":false,"meta":[],"categories":[{"slug":"tutorials","id":18,"name":"Tutorials"}],"tags":[],"pictureUrl":"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/06\/edit-the-mobile-app-menu-in-local-service-hero.png","_links":{"predecessor-version":[{"id":2853,"href":"https:\/\/localservicehero.com\/us\/api\/wp\/v2\/posts\/584\/revisions\/2853"}]}}