How to Hide the Home Page From Your PhotoBiz Menu

How to Hide the Home Page From Your PhotoBiz Navigation Menu Using Custom CSS

Overview

You can use Custom CSS in the PhotoBiz Website Builder to keep your Home page as the page visitors see when they go to your main website address while removing the Home link from your navigation menu.

Your Home page remains active and continues to load when someone visits your website. Visitors can also return to the Home page by clicking or tapping your website logo, even though Home does not appear in the navigation.

This CSS works by hiding the first item in your navigation, so Home must be the first menu item for this setup to work as intended. The same behavior applies to desktop and mobile navigation. This guide walks you through adding the correct CSS for standard and split navigation layouts.

Prerequisites

Before you begin:

Your Home page must be the first item in your website navigation.
You need access to your PhotoBiz Website Builder.
If you already have code in the HEAD area, keep your existing code and add the new CSS without replacing it.

STEP ONE

This opens the Website Builder, where you can manage your website pages, navigation, and design.

STEP TWO

Click DESIGN at the top center of the Website Builder.

This opens the design area for your website.

STEP THREE

Click EDIT DESIGN SETTINGS to open your website's global design settings.

STEP FOUR

Click CSS/JS in the right-side panel. Paste the CSS that matches your navigation layout into the HEAD area.

If you already have code in the area, keep the existing code and add the new CSS above or below it without removing your existing code.

For regular menu templates, paste this code into the CSS field:

<style>
.main-nav__item.grid__cell:nth-child(1) {
    display: none;
}
</style>

For split menu templates, paste this code into the CSS field:

.main-nav:nth-child(1) .main-nav__content .main-nav__item:nth-child(1) {
    display: none;
}

Use only the CSS that matches your navigation layout. Using the standard navigation CSS on a split navigation layout can hide the first menu item on both sides of the logo.

FINAL STEP

Click SAVE CHANGES to apply the CSS to your website.

Open your live website and confirm that Home no longer appears in the navigation. Your Home page will continue to load when visitors go to your main website address, and clicking or tapping your website logo will continue to return visitors to the Home page.

The navigation behaves the same way on desktop and mobile devices.

How This Setup Works

The CSS hides the first item in your website navigation. It does not hide, delete, or deactivate the page itself.

When Home is the first navigation item:

Home does not appear in the visible navigation menu.
Your Home page still loads when someone visits your main website address.
Clicking or tapping your website logo returns visitors to the Home page.
The Home page URL remains active.
The same behavior applies to desktop and mobile navigation.

Because the CSS targets the first navigation position rather than a page specifically named Home, keep Home as the first item in your navigation. If you move another page into the first position later, that navigation item will be hidden instead.

What Happens If a Drop Down Menu Is First?

If a drop down menu is the first item in your navigation, the entire drop down and everything inside it will not display in the navigation.

When a drop down is first, clicking or tapping your website logo will direct visitors to the first page inside that drop down.

If your goal is to keep Home as your website's main landing page while removing only the Home link from navigation, keep Home as the first navigation item.

Additional Options or Helpful Notes

This CSS only hides the navigation item. It does not delete the page.
Buttons, text links, images, and other areas of your website that link to the Home page are not affected.
Visitors can still access the Home page through its direct URL.
Hiding the Home link from navigation does not make the page private.
Hiding the Home link does not prevent search engines from accessing or indexing the Home page.
The CSS applies throughout your website because it is added to the area under CSS/JS.
If your website uses a split navigation layout, use the split navigation CSS only.

How to Show Home in the Navigation Again

To restore the Home link, return to DESIGN, click EDIT DESIGN SETTINGS, and click CSS/JS.

Remove the CSS you added from the HEAD area, then click SAVE CHANGES. Refresh your live website to confirm that Home appears in the navigation again.

Troubleshooting or FAQs

The Home Page Still Appears in the Navigation

Confirm that Home is the first item in your navigation and that you added the correct CSS to the area under CSS/JS.

Click SAVE CHANGES, then refresh your live website. If the previous version still appears, try a hard refresh or clear your browser cache and check the website again.

The Wrong Menu Item Is Hidden

The CSS hides whichever item is first in your navigation. Review your navigation order and make sure Home is the first item if you want to hide the Home link.

The First Menu Item on Both Sides of My Logo Is Hidden

Your website uses a split navigation layout, and the standard navigation CSS was likely added.

Remove the standard navigation CSS, add the split navigation CSS instead, and click SAVE CHANGES.

My Entire Drop Down Menu Disappeared

If a drop down menu is the first navigation item, the entire drop down and everything inside it will be hidden.

Your website logo will direct visitors to the first page inside that drop down.

Does This Work on Mobile?

Yes. The first navigation item is hidden from both desktop and mobile navigation.

Will My Home Page Still Load When Someone Visits My Website?

Yes. When Home is the first page, it will continue to load when visitors go to your main website address. Clicking or tapping your website logo will also return visitors to the Home page.

Does This Delete My Home Page?

No. The CSS only hides the navigation link. Your Home page remains active in the Website Builder and its URL continues to work.

Does This Hide My Home Page From Search Engines?

No. Removing the Home link from your navigation does not prevent search engines from accessing or indexing the page.

For more information about adding custom code to your website, see How to Add Custom CSS to the Website.

Need Help?

Support Hours: Monday to Friday, 9am to 6pm EST

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

Previous Post Next Post

How to Hide the Logo Section Using Custom CSS in PhotoBiz

January 16, 2026

How to Hide View Previous & Next Post in Blog Posts Using CSS

March 5, 2026

How to Increase The Height of Story Panel Using CSS

March 5, 2026

How To Add Custom CSS To The Website

August 4, 2026

How to Hide the Home Page (or 1st Menu Item) Using Custom CSS in PhotoBiz