Hi,
you can hide the header search form through “Theme Options > Header Settings > Display Search Form”. If you would like to hide the whole area above the menu box, please insert the following CSS code into “Theme Options > Other Settings > Custom CSS”:
#wrapper .header-content {display: none;}
Then, you can set your custom header image in “Appearance > Header” panel.
To hide the home button within the menu bar, please use the following Custom CSS:
#wrapper .link-home {display: none;}
Or, use this CSS to hide the whole menu bar:
#wrapper .menu-box {display: none;}
I hope that my answer will be helpful for you.
Best regards,
Tomas Toman
Wow! It worked. Is there a way to make header image clickable (home button)? Thank you for you time!
The easiest way how to achieve it is to set your header image as a “logo” in “Theme Options > Header Settings > Logo URL” (instead of setting it in “Appearance > Header”). If you set a header logo through Theme Options, it will automatically refer to your homepage.
By default, there is a white padding around the logo image. To remove it (so the logo will be displayed in the same way as the header image – across the entire width of the page), please use the following Custom CSS:
html #wrapper .header-content {padding: 0; width: 100%;}
Also, if you have used it, please delete the following Custom CSS which I have posted above (otherwise the logo can’t be displayed):
#wrapper .header-content {display: none;}
Best regards,
Tomas Toman