How to Hide the Logo Section Using Custom CSS in Zibster
This guide explains how to hide (disable) the logo section across your entire Zibster website by adding a small CSS snippet to the Global CSS/JS area in the Website Builder. When applied, any uploaded logo file or business name displayed as a text logo will no longer be visible anywhere on the site.
This is useful if you prefer a cleaner header design or do not want a logo displayed on your entire website.
If you prefer to hide your logo on a specific page, check out our guide on how to hide a logo on a single page in your website.
Prerequisites
Before you begin, make sure:
-
You have access to the Zibster Website Builder
-
Your website has already been created and is editable
-
You are comfortable copying and pasting a small snippet of CSS
STEP ONE:
Log in to your Zibster 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 Global CSS/JS in the right side panel.
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:
FINAL STEP:
Save Your Changes
Click Save to store your changes. Once saved, the logo section will no longer be visible on your site.
Additional Notes
- This method hides the logo section visually but does not delete any uploaded logo files or settings.
-
This applies whether you are using:
-
An uploaded logo image, or
-
Your business name displayed as a text logo.
-
- The change applies site-wide because it is added to Global CSS/JS.
- If you are using a Site Links, Social Icons, or navigation text in the header, those elements are not affected.
Troubleshooting
-
Logo still appears: Clear your browser cache and refresh the page, then confirm the code is saved in the Global CSS/JS section.
