Hiding the Header but keeping the space

sarahinthelakes

I am using the seyDoggy badNas theme and I am hoping there is a way to not show the header, but for the content to still show in the same position. I would like to have a wood effect background and incorporate the logo design into the background (this would go across the Header area) so that it is all one image.

I tried

#pageHeader {
display:none;
}

which made the Header go away but all the content moved up and also the tabs disappeared!

I did wonder about creating an image with nothing in it and saving as a .png and replacing one of the Header image files - not sure if that would work and it's probably a very complicated way to solve this.

Does anyone have ideas that could help me please?

Sarah

Paul Bradforth

Hi Sarah; try this:

#pageHeader {
visibility: hidden;
}

sarahinthelakes

Okay, I am sort of getting there.

I have used the following code....

#pageHeader {
display:none;
}

#content{
    margin-top: 200px;
}

.... and I have hidden the header and moved the content down. I haven't managed to sort out the background yet (any suggestions welcomed)

BUT my tabs have disappeared along with the header what to do???

I realise the theme is not meant to be hacked around like this so please don't tell me off. If I can find a better one to suit that would be fine, am working my way through the Theme Vault, but my searches are too precise and I am not pulling up what I need. I am not giving up! I shall be here for a while and welcome any guidance! The link that shows background and no tabs is below - it's a bit brown - you have to imagine that is a wooden background!

http://www.lotionsandsoaps.co.uk/RW/JCBT/

Cheers
Sarah

Paul Bradforth

If you'd used 'visibility: hidden' instead of 'display: none', then your header should have become invisible, but still taken up the same space. So if you can, and have used, 'display: none', then why not use the other one instead? I can't tell you why your tabs have disappeared though.