Need help? Check out our Support site, then


How to add logo as site title Manifest Theme

  1. I want to know how to replace my site title with my blog's logo in the Manifest theme.

    This is my site: styleandsunshine.net. I'm in the process of designing my logo, but I just want to know how to disable the title in my custom css window and add the logo as a clickable site title.

    The blog I need help with is styleandsunshine.net.

  2. to add a header image, just go to appearance>header on your dashboard and follow the instructions you see there. The header image size is 500x160 px. As an aside it will actually show up below your menu bar, not above where the site title currently shows.

    Normally, there is a box under "site title" on the customize screen that lets you stop displaying the site title automatically when you have a header, but it looks like Manifest doesn't work that way, so since you have the customize option you can remove it by putting the following code in your CSS box:

    #site-title{
    	display: none;
    }
  3. Thanks @lizthefair!

    I actually don't have the option to customize my header in my "appearance" menu, only in the custom design window I use to change fonts and colors. I would like my logo to be in the same place as the old site title, above the menu bar. Is there any way to make that happen? I don't want to put in a header since it will show up below the menu bar and thus won't really look like a title. Can I replace the site title with an image?

  4. gottcha. It should work for you to upload the header under the customize menu as well. After that, This code should put everything where you want it.

    #site-title{
    	display: none;
    }
    #header-image{
    	position: absolute;
    	top: 0;
    }
    #main-nav {
    	margin-top: 100px;
    	position: relative;
    }
  5. Thanks so much! Things are pretty much where I need them: the only problem is that my menu bar has now disappeared. You can see it on the site: styleandsunshine.net (I used a dummy logo, I'll fix the crop later).

    In addition to my missing menu bar, I have another question. I don't want the site tagline to show up since it's going to be in my logo at the top of the page. It also takes up extra space - I'd rather my posts start closer to the menu bar. Is there any way to disable the site tagline?

    Thank you so much for all of your help!

  6. I actually just adjusted the margin for the menu and it's back up! My only other question now is about disabling the site title.

  7. Or actually just moving the site teaser up so it's above the menu but under the header would be just fine if not better.

  8. to get rid of the tagline you can either erase it on the customize screen under "site title" or use this code:

    #site-description{
         display: none;
    }

    As for the other, let's try this instead for the #main-nav section:

    #main-nav {
    	position: relative;
    	top: 160px
    }

    Then add this to move the content out of the way

    #core-content{
    	margin-top: 110px;
    }

    Let me know if that works for you--It worked great when I tested it, but this is complicated enough (at least for me) that we might have to fiddle a bit.

  9. Perfect! Thanks so much - you can see that I fiddled with the numbers to get the spacing the way I wanted it: styleandsunshine.net. You're awesome and I appreciate the help so much!

  10. so glad it worked out. Excellent fiddling--the site looks great!

You must log in to post.

About this Topic