How to remove logo/page title from upper left corner

[Antons Bungis]

Howdy!

How to remove logo/page title from upper left corner.
It wont remove (there will be text HOME) even when selected IMAGE option, but no logo uploaded.

Thanks,

Antons

[Antons Bungis]

And how to remove header bar?

Cheers,

Antons

[Bill Robbins]

Here’s how to hide the logo and the header bar from your visitors.

1. Go to the theme options page and select styling.
2. Scroll down to the very bottom until you see a box for custom CSS.
3. In that box, paste this code:

   #logo,
   text-logo,
   .header-bar {
   display: none;
   }

   header {
   background: transparent;
   }

4. Save your changes.

That should hide the logo and header bar from your visitors. The “home” that was displaying is the alt text for the logo. It’s there to let people who are using screen readers or search engines know what the image represents.

If you have any other questions, just let me know.

[Antons Bungis]

Thanks, Bill, a mill – works like a charm!

But how to remove that space on top left for the hidden Logo?

Kind Regards,

Antons

[Bill Robbins]

Glad that worked for you. To move the content up add this bit of styling too:

header { margin-bottom 20px; }

and save your changes. That will reduce the space at the top from 112 pixels to 20. Feel free to play with that number until you have the exact look you’re going for.

Let me know if you have any other questions.

[Author]

Posts