How to add logo as site title Manifest Theme

jenkwhite · Member · Jul 13, 2014 at 9:45 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
lizthefair · Member · Jul 13, 2014 at 10:10 pm
Copy link
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 500×160 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;
}
```
jenkwhite · Member · Jul 13, 2014 at 11:28 pm
Copy link
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?
lizthefair · Member · Jul 14, 2014 at 12:08 am
Copy link
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;
}
```
jenkwhite · Member · Jul 14, 2014 at 12:14 am
Copy link
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!
jenkwhite · Member · Jul 14, 2014 at 12:22 am
Copy link
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.
jenkwhite · Member · Jul 14, 2014 at 12:26 am
Copy link
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.
lizthefair · Member · Jul 14, 2014 at 12:36 am
Copy link
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.
jenkwhite · Member · Jul 14, 2014 at 12:42 am
Copy link
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!
lizthefair · Member · Jul 14, 2014 at 12:43 am
Copy link
so glad it worked out. Excellent fiddling–the site looks great!

No items found.