Hide an item from Navigation

Table of Contents

Hide 1 item

Suppose you want to hide the “Services” item on One Page

Hide An Item From Navigation 01 Min

You can use this code to Page Header Code Injection

<!-- hide 1 item -->
<style>
div.header-nav-item:nth-child(3), [data-folder="root"]>div>div>div:nth-child(3) {
    display: none;
}
</style>

 

Hide 2 items

Suppose you want to hide the “Contact” and “Services” item

Hide An Item From Navigation 01 Min

You can use this code to the Custom CSS box and Save

<!-- hide 2 items -->
<style>
div.header-nav-item:nth-child(2), div.header-nav-item:nth-child(3), [data-folder="root"]>div>div>div:nth-child(2), [data-folder="root"]>div>div>div:nth-child(3) {
    display: none;
}
</style>