How to hide your logo - Quick and Easy Method

[AlarkoidJet]

Hi there! I've searched around weebly on how you can hide your logo and there are methods that work and some don't seem to work. 

The first post I came across was from @mpnuttall  with @Zigboom 's reply. 

<style>
.logo img { 
display: none !important;
}
</style>

I agree, this method may work, but when I tried it, it doesn't seem to work for me, even though this was posted months ago this year. 

However, I present more of a quick and easy method that can save you time from pasting that code into your page's SEO Header

You can get rid of the logo by the following:

Themes > HTML/CSS (bottom left) > Page Styles

Along the page styles you have, "Header", "No-Header", "Splash" , or "Landing-page"
Among the lines 14-19, there's going to be the code attribute " <div id="logo">{logo}</div>"

You can get rid of this "{logo}" on the page you don't want it to appear on, on the page style of your choosing. 

Here's an example from my website: 

https://hibrydscuniverse.weebly.com/episode-1.html/   VS   https://hibrydscuniverse.weebly.com/

I thought this would be something people might look forward to! 

[hockeydev]

Great post, and just as a side note I love your website!! Beautiful unique style, haven't seen many like it built in Weebly. 

Cheers.

John 

Founder of The Weebly Guide - Free Weebly Tutorials, Tips & Tricks

www.TheWeeblyGuide.com

[AlarkoidJet]

Thanks for the kind words!

[Zigboom · Accepted solution]

Hi @AlarkoidJet, 

I see in my previous reply that it should be (at least for your theme) modified to this:

<style>

#logo img {  display: none !important; }

</style>

For your method (editing the HTML), I suggest creating a new page style, call it for example No-header-2 (or Header-2 / Splash-2 ) etc. It's done with the + sign in the page styles section. 
Then delete the code in the new page style you created, and paste into it the HTML code from the No-header (or Header etc.) - depending which style you need for the new page style, and modify it as you mentioned to remove the logo.
This way you can choose this style per page, if you need the logo to be removed only on a few pages. 

[AlarkoidJet]

Ah, that would make sense! HTML codes are different per theme. I'll try that next time! Also, thanks for responding