Header

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