Guide: Hide Navbar Elements

Last Updated: Nov 23, 2017

Note: 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 just a few navigation items for a page:

1. Go to your Navbar settings. 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".

2. Next, go to the page where you want to hide the Navbar item. Click the "Branding" tab up top and go to Custom CSS. (Be sure you DO NOT add this code in the Global CSS editor or you'll hide that Navbar item everywhere.) Drop in this code:

.hide-navigation-item {

   display: none !important;


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.
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found