--- title: Changing the Navigation Theme description: Learn how to change the navigation theme in Reactiv, including colors, icons, and styling for tabs and menus. --- [Skip to content](https://info.reactiv.ai/reactiv-help-center/changing-the-navigation-theme-reactiv-support-center#main-content) ![logo-mono-light](https://info.reactiv.ai/hubfs/logo-mono-light.svg) Open main navigation Close main navigation - [Contact us](https://info.reactiv.ai/reactiv-help-center/how-do-i-contact-customer-support-reactiv-support-center) [Contact us](https://info.reactiv.ai/reactiv-help-center/how-do-i-contact-customer-support-reactiv-support-center?hsLang=en-ca) Answers, documented. - There are no suggestions because the search field is empty. 1. [Reactiv Help Center](https://info.reactiv.ai/reactiv-help-center?hsLang=en-ca) 2. [Building Your App](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca) 3. [App Settings](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#app-settings) February 27, 2026 # Changing the Navigation Theme ## You can customize how your app’s main navigation appears by switching between Standard and Floating navigation themes. Changes are applied instantly and do not require an app rebuild. ### **Navigation Theme Options** - **Standard Navigation** The default navigation layout, anchored to the bottom of the screen. - **Floating Navigation (Liquid Glass)** A modern, floating-style navigation that uses **Liquid Glass**. - **Requirements:** - Liquid Glass enabled - iOS version **26+** [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/IMG_2997.png?width=400&height=869&name=IMG_2997.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1865464499/d00fad3095fac827d3d2b33b75c7/IMG_2997.PNG?expires=1771011900&signature=8583dbd929ad8d7fe806afa1748113769f0d8ff7e34cd6f69a96dbcaa1f78610&req=dSghE814mYVWUPMW1HO4zZF%2FG853aDzg3q7uEpIIam%2FDqusly3T258oAxZvy%0A36DspfFckC54rk1%2BXXw%3D%0A) [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/IMG_2998.png?width=400&height=869&name=IMG_2998.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1865465154/9f201dc5306595b0674be5555801/IMG_2998.PNG?expires=1771011900&signature=eb684474e5c6827f97760b0abc25cb07cc56c7d7907aadaaa56287dbcff58086&req=dSghE814mIBaXfMW1HO4zRRMlkRHyzBbt53sCCX6n5FQsXBNoMOGlkY0Tsg7%0AMTOIs42uGvybDTtDBlk%3D%0A) --- ### **How to Change the Navigation Theme** 1. In your Reactiv dashboard, go to: **App Settings \> Personalization \> Appearance \> Navigation Theme** 2. Under **Navigation Theme**, choose one of: - **Standard** - **Floating (Liquid Glass iOS 26+)** 3. Toggle between the options as needed to find the look you prefer. 4. Click **Save**. 5. Click **Publish** to push the change live. Your navigation theme will update instantly in the app. **No app rebuild is required.** [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2025-12-04+at+10_22_45%E2%80%AFAM.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1865461024/6c76578321e9bbc040af0ab9f0fc/Screenshot+2025-12-04+at+10_22_45%E2%80%AFAM.png?expires=1771011900&signature=84ae3f95f4f002a6b4249c49a2b3854d2ff7fe892ddd7f6bb26ec519a831bd76&req=dSghE814nIFdXfMW1HO4zUAHhoyr%2F2hkomgowCarxrrWqFsiFg1AzSZnRuI2%0ARVpSeB2LsMVW63uYwGY%3D%0A) --- ### **Reactiv Plus Customers with Custom Navigation** If you are a **Reactiv Plus** customer and have custom navigation, please contact our Support team before switching to **Floating (Liquid Glass)** to confirm that your existing menu customizations are supported with Liquid Glass. Our team will review your current setup and advise whether any adjustments are needed. - [Getting Started With Reactiv](https://info.reactiv.ai/reactiv-help-center/getting-started-with-reactiv?hsLang=en-ca) - [Building Your App](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#main-content) - [App Settings](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#app-settings) - [Your Home Screen](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#your-home-screen) - [Misc. App Building Blocks](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#misc-app-building-blocks) - [Other Screens](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#other-screens) - [Publishing Your App](https://info.reactiv.ai/reactiv-help-center/publishing-your-app?hsLang=en-ca#main-content) - [iOS App](https://info.reactiv.ai/reactiv-help-center/publishing-your-app?hsLang=en-ca#ios-app) - [Building Your Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#main-content) - [Success with Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#success-with-reactiv-clips) - [Customizing Your Reactiv Clips Experiences](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#customizing-your-reactiv-clips-experiences) - [Initializing Your Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#initializing-your-reactiv-clips) - [About Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#about-reactiv-clips) - [Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#main-content) - [Analytics & Push Notifications](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#analytics-push-notifications) - [App Install Attribution](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#app-install-attribution) - [Back in Stock Alerts](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#back-in-stock-alerts) - [Chat & Customer Support](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#chat-customer-support) - [Conversion Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#conversion-integrations) - [Discovery, Search & Personalization](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#discovery-search-personalization) - [Fraud Protection](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#fraud-protection) - [Loyalty](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#loyalty) - [Order Fulfillment](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#order-fulfillment) - [Product Recommendations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#product-recommendations) - [Order Tracking & Returns](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#order-tracking-returns) - [Product Bundles](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#product-bundles) - [Reviews Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#reviews-integrations) - [Subscriptions](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#subscriptions) - [Video Shopping](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#video-shopping) - [Wishlist Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#wishlist-integrations) - [Profile Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#profile-integrations) - [Platform Highlights](https://info.reactiv.ai/reactiv-help-center/platform-highlights?hsLang=en-ca) - [Success with Reactiv](https://info.reactiv.ai/reactiv-help-center/success-with-reactiv?hsLang=en-ca#main-content) - [Sending Push Notifications](https://info.reactiv.ai/reactiv-help-center/success-with-reactiv?hsLang=en-ca#sending-push-notifications) - [Building with AI](https://info.reactiv.ai/reactiv-help-center/building-with-ai?hsLang=en-ca) - [FAQ](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#main-content) - [Performance & Data](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#performance-data) - [General & Billing](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#general-billing) - [Getting Started](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#getting-started) - [Technical Issues & Troubleshooting](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#technical-issues-troubleshooting) - [App Management](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#app-management) - [Research](https://info.reactiv.ai/reactiv-help-center/research?hsLang=en-ca) [![logo-mono-dark](https://info.reactiv.ai/hubfs/logo-mono-dark.svg "logo-mono-dark")](http://reactiv.ai) Copyright © 2026, Reactiv