Modify Page Header Height

Use this css code –

div.page_head.hide_mob_headerimg {
  min-height:120px ; /*adjust your height accordingly*/
}

Unfortunately, that doesn’t appear to make any difference. I tried 120px and 60px and it didn’t change at all.

@yllw98stng
Go to Customize > Miscellaneous > Custom CSS and add this:

body .page_head .pagetitle_wrap {margin: 20px auto;}

Perfect! Thanks!

Actually, that appears to fix the issue in Firefox. But, In IE, it vertically centers the text within the number of pixels specified, but still adds a huge gray bar at the bottom.

I found that by using both of the above commands, I was able to fix this issue in both IE and Firefox. Here is the final code:

body .page_head .pagetitle_wrap {margin: 10px auto;}
div.page_head.hide_mob_headerimg {
min-height:60px ;}

@layerthemes
Hello, I am trying to do the exact same thing as yllw98stng; however, when I enter the code provided above, all it achieves is decreasing the margin between the top of the header and the header text; it does not decrease the height of the header block itself. Any suggestions? Thanks!

Hi

Can you please post your site address here?

Thnaks