Space above header image

sfascha · Member · Jul 13, 2015 at 4:55 am
Copy link

Add topic to favorites
Im using the canard theme and I want to add the header image as the site title (a logo that I created) but when I do, and I deselect the header text, there is a large empty space where the header text would normally be. How can I remove this space in order to have the header image that I use be in place of the site title?

P.s. I have added the same image as a logo but it displays too small and I prefer the larger header image.

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Jul 13, 2015 at 3:19 pm
Copy link
Hi sfascha – I’ll ask our developers to have a look at this and we’ll keep you posted here.

In the meantime, if you’d like to remove that space above the custom header, you can add this to your custom CSS:
```
.site-branding {
  display: none;
}
```
sfascha · Member · Jul 13, 2015 at 3:26 pm
Copy link
Thank you @kathrynwp. It worked although there is still a line and a bit of space above it, can that be removed as well? Thanks again, and sorry for all the questions.
kathrynwp · Staff · Jul 13, 2015 at 3:35 pm
Copy link
You can try removing the line and extra space with this custom CSS:
```
.header-image {
  border-top: none;
  padding: 0;
}
```
sfascha · Member · Jul 13, 2015 at 3:48 pm
Copy link
Perfect! Thanks so much :)
kathrynwp · Staff · Sep 8, 2015 at 2:55 pm
Copy link
I know it’s been a little while, but I just wanted to let you know that this issue should be fixed in the theme now. Thanks for your patience!
sfascha · Member · Sep 9, 2015 at 1:52 pm
Copy link
Thank you so much kathrynwp!! Appreciate you letting me know :) I will try it out soon.
kathrynwp · Staff · Sep 9, 2015 at 2:58 pm
Copy link
You’re welcome!

No items found.