# Tab bar not showing up/ Page navigation is glitched **URL:** \ **Category:** Get Help\ **Created:** [July 23, 2024, 2:56pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639 "2024-07-23T14:56:59Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![marcv129](https://avatars.discourse-cdn.com/v4/letter/m/bcef8e/32.png) [@marcv129](https://forum.adalo.com/u/marcv129)\ **Post date:** [July 23, 2024, 2:56pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/1 "2024-07-23T14:56:59Z")
Hi. I am currently having 2 main issues. 1. Is that the Tab bar that I have implemented is not visible on app preview. 1. Additionally, when I am navigating pages using a button on preview, It weirdly loads the components on top of the page and makes the page transparent. Screen Shots Here: ![Screenshot 2024-07-23 at 10.55.33 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/e/1/e1d41479525d6d426dd56479cd31b7c20bf1fb13.png) ![Screenshot 2024-07-23 at 10.55.42 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/b/8b123eb93d4ab78f9ba1de417cb5069f6e690567.png) ![Screenshot 2024-07-23 at 10.55.49 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/f/2f372703506f6d5863013fa908f357c28d74e05b.png) ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [July 23, 2024, 3:29pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/2 "2024-07-23T15:29:16Z")
Welcome to the community @marcv129 🥳 For the first issue, I guess you didn’t sticked that to bottom. Currently if you scroll the screen you should see the tab bar so set the fix type as bottom. Is this app is a responsiveness app or a legacy app? For the second issue, is that a modal screen and does the button link action type is modal? ---
**Author:** ![marcv129](https://avatars.discourse-cdn.com/v4/letter/m/bcef8e/32.png) [@marcv129](https://forum.adalo.com/u/marcv129)\ **Post date:** [July 23, 2024, 4:05pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/3 "2024-07-23T16:05:14Z")
Hi Dilon. I am trying to make a mobile app. Now when I preview and scroll I see the app bar, obviously this is not what happens to an app bar on an app. How do I fix? are the screens too long? ![Screenshot 2024-07-23 at 12.01.41 PM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/5/4597d015f7e2f072ebe81e716b08d79d1af1a291.png) ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [July 23, 2024, 4:17pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/4 "2024-07-23T16:17:41Z")
Do you see a section like below for the tab bar? ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/3/8/38e734036c4e0f866b9d9e7bfe67191c75f2ffd4.png) Then turn on this toggle : ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/9/f/9f87b679b72b0545de11043750de4276f84fdb81.png) ---
**Author:** ![marcv129](https://avatars.discourse-cdn.com/v4/letter/m/bcef8e/32.png) [@marcv129](https://forum.adalo.com/u/marcv129)\ **Post date:** [July 23, 2024, 4:26pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/5 "2024-07-23T16:26:35Z")
Thank you. That fixed it. This issue is still persistent however. ![Screenshot 2024-07-23 at 12.25.58 PM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/b/f/bffe3554f5032ab399435562427c04319e78c1d7.png) ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [July 23, 2024, 4:30pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/6 "2024-07-23T16:30:46Z")
Select the screen : ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/f/3/f34e5c4236bc2813972622188e0d9558be259cda.png) and bring the bar to forward or enter 100 for A section: ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/5/2525bc3a0435e4dc859a9a704d78c2502a92cea5.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/b/4b6a30804f2ae8552b8d4535659529448e7bbbd8.png) ---
**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\ **Post date:** [July 23, 2024, 4:32pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/7 "2024-07-23T16:32:54Z")
Also in the link action that is in the button, if the transition type is Modal change it to Push or another type. ---
**Author:** ![marcv129](https://avatars.discourse-cdn.com/v4/letter/m/bcef8e/32.png) [@marcv129](https://forum.adalo.com/u/marcv129)\ **Post date:** [July 23, 2024, 4:49pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/8 "2024-07-23T16:49:21Z")
Thank you so much! ---
**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\ **Post date:** [August 2, 2024, 4:49pm UTC](https://forum.adalo.com/t/tab-bar-not-showing-up-page-navigation-is-glitched/48639/9 "2024-08-02T16:49:26Z")
Closed on August 2, 2024, 4:49pm UTC This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.