Change Header Image Size

Is there a way to change the header image size on my webpages? It takes up more than 3/4 of the screen? Or even better a way to disable it on some pages? For instance, i would prefer to have the header image disabled on my product pages.


Hi There,

You can reduce the image padding using custom css as follows.
#header .bottom-header {
padding-top: 10px;
padding-bottom: 20px;
Let me know how it goes.

That appears to have worked on the header for the homepage but not the product pages or the other pages.

Hey there

Please add this code too:

#header {
display: none;

That worked. Thank you!

Thank you too

Let me know if you need anything else