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;}
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
