How to hide your app’s menu on specific screens

Features

Hiding your app’s menu on specific screens offers the following features:

1. Improved design.
2. Less overwhelming visual appearance on some screens.
3. Easier for the user to focus when navigating your app.

Get Started

To hide your app’s menu on specific screens you’ll need to:

1. Paste CSS in the developer options

Step 1 – Paste CSS in the developer options

By default, the menu in your Fliplet app is accessible on all screens. You might want to hide your menu on a specific screen, for example, it’s common to do this on a login screen. 

You can easily hide the menu by pasting the following CSS in the developer options. Make sure you paste it in the screen CSS so that it’s only hiding the menu on your specific screen. 

Note: make sure you paste in the correct CSS for your style of menu. 

Hiding your top bar menu (often referred to as “hamburger menu”):

.fl-viewport-header  {   
display: none; 
} 

Hiding the bottom bar icon menu:

.fl-menu-body { 
display: none; 
}

Hiding the circle menu:

[data-name="Circle"]{ 
 display: none; 
}