Hi mrleyang,
If you want to put the header image directly at the top of the site then you need to edit inside theme file,which will be difficult for you. But alternatively you can reduce the white space
Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:
.hgroup-wrap {
padding-bottom: 31px;
padding-top: 0px;
}
Note: change the digit value above for your own height. Lower the value lower the header, but change the value in same ratio above.
Now, Click on Save All Changes Button and Refresh your browser
Regards,
Rabin
Hei,
Could you please advise how to remove the header completely ? i.e. put the menu bar at the top of the page and remove both header text and header image.
I’m able to edit the theme files.
Thanks,
Oskar
Managed to figure it out myself 🙂
Removed all the top and bottom paddings and margins in style.css under “/* =Header” and set #site-title display:none
Hi Rabin,
Thanks for your advice but when I pasted it in custom CSS, nothing happened to the website.
I did notice that on the top right corner has the social media log ins. Could it be that’s what is taking up the space and if so, can I move those icons somewhere else?
I’ve included the style.css code under here for header, is it helpful for you to take a look and see how it’s coded?
I know it’s long and I really appreciate your help.
Thanks,
[No need to post CSS code – it’s all visible on your site – and you should use a pastebin for posting long pieces of code ]
Thank you for this Rabin. it works in Chrome and Firefox, however, as usual IE doesn’t react the same. For me, it causes the image I have placed in the custom header to fall behind the menu in IE9 compatibility view only. In IE9 view shows just fine. It could be the other way around. I can’t tell if blue means on or off. Any idea how to resolve this. I really like this theme and would like to use it in combination with my custom header. Thanks!
