We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.
If you want to hide certain navbar menu items on a specific page, follow these steps:
Step 1: Assign a classname
Go to your Navbar settings and find the navigation item you want to hide for a particular page. Click to edit and assign it a classname. You could assign it something like "hide-navigation-item."
Step 2: Add custom CSS
Open the page where you want to hide the Navbar item. Click the Branding icon (colorful dots in the top right corner) and go to Custom CSS. Drop in this code:
.hide-navigation-item {
display: none !important;
}
Important Note: Be sure you DO NOT add this code in the Global CSS editor or you'll hide that Navbar item everywhere.
Now all nav items assigned the classname of "hide-navigation-item" will be hidden for that particular page. Tada! You made nav items disappear. You're basically a magician.