How to Hide the Logo Section Using Custom CSS in PhotoBiz

This guide explains how to hide the logo section across your entire PhotoBiz website using a small Custom CSS snippet. When applied, any uploaded logo image or text-based business name logo will no longer appear anywhere on your site. This is useful if you prefer a cleaner header layout or do not want a logo displayed. The logo is only hidden visually and is not deleted from your account.

If you only want to hide your logo on a single page, see our guide on using CSS to hide your logo on a specific page.

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 Global CSS/JS settings.

In the Website Builder, click DESIGN at the top center of the control panel.

Click on EDIT DESIGN SETTINGS to access your global design settings.

In the right-side panel, click Global CSS/JS. This section applies custom code across your entire website.

STEP THREE

Add the custom CSS to hide the logo section.

Paste the following code into the CSS field:

Copy & Paste Code:

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

This CSS targets the logo container in the website header and hides it from view across all pages.

FINAL STEP

Click Save to store your changes.

Once saved, the logo section will no longer be visible anywhere on your website.

Additional Options or Helpful Notes

This method hides the logo visually but does not remove or delete any uploaded logo files or logo settings
This applies whether you are using:
- An uploaded logo image
- Your business name displayed as a text logo
Because the code is added to Global CSS/JS, the change applies site-wide
Navigation menus, site links, and social icons in the header are not affected

Troubleshooting or FAQs

The logo still appears
Clear your browser cache and refresh the page. Then confirm the code is saved in the Global CSS/JS section and that there are no typos in the CSS.

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 on One Specific Page 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 Section Using Custom CSS in PhotoBiz