How to Hide the Logo on One Specific Page Using Custom CSS in PhotoBiz

This guide explains how to hide the logo on one specific page of your PhotoBiz website using a small CSS snippet. By adding the code to the page’s SEO Head Section, the logo will be hidden only on that page and will continue to display everywhere else on your site.

This is useful for landing pages, sales pages, or any page where you want a cleaner header without a logo.

If you want to hide the logo across your entire website instead, see How to Hide the Logo Using Global Custom CSS in PhotoBiz.

Prerequisites

Before you begin, make sure:

You have access to the PhotoBiz Website Builder
Your website has already been created and is editable
You are comfortable copying and pasting a short snippet of CSS

STEP ONE

Log into your PhotoBiz account and click WEBSITE in the left-side menu.

STEP TWO

Open the page where you want to hide the logo.

In the Website Builder, navigate to the specific page you want to update.
Click SEO in the upper-right corner of the page to open the page SEO settings.

STEP THREE

Add the custom CSS to hide the logo.

In the SEO settings panel, locate the HEAD field under Advanced Tracking.
Paste the following code into the field exactly as shown.

Copy & Paste Code:

<style>
.logo__content {
    display: none;
}
</style>

This CSS targets the logo container and hides it on the selected page only.

FINAL STEP

Save your changes.

Click Save to apply the update.
The logo will no longer be visible on that specific page, while remaining visible on all other pages of your site.

Additional Options or Helpful Notes

This method hides the logo visually but does not delete your uploaded logo or header settings
This applies whether you are using:
- An uploaded logo image
- Your business name displayed as a text logo
The change is page-specific because the code is added to the page’s SEO Head Section, not Global CSS/JS
Navigation links, site links, social icons, and header text are not affected

Troubleshooting or FAQs

The logo still appears on the page

Refresh the page and clear your browser cache
Confirm the code is pasted into the page’s SEO > Head Section, not Global CSS/JS
Make sure you clicked Save after adding the code

Previous Post Next Post

How Can I Make My Logo Larger On My Website with Adobe Photoshop?

September 9, 2025

How to Hide the Logo Section Using Custom CSS in PhotoBiz

January 16, 2026

How Do I Upload A Logo?

January 6, 2026

How do I create a favicon?

June 25, 2025

How to Hide the Logo on One Specific Page Using Custom CSS in PhotoBiz