Gap between Header and Body

[Saligia]

Hello. i'm trying out templates before upgrading and noticed there is always a big gap between header (logo and menu)  and body. Any suggestions on how i can reduce this wasted space? Can it be changed by editing HTML/CSS ? Thank you in advance for your reply.

[Starworshipper]

There is usually a way to change this, usually through HTML/Changes. Do you know what theme you're using by chance? I can test a few things out and get back to you with a little guide on how to do it for your specific theme.

Thanks @Saligia!

[Saligia]

Thank you for the quick reply! Theme is Haberdasher. 

Much appreciated!

Best regards

[Starworshipper]

@Saligia

It looks like line 223 of the edit HTML/CSS has the padding for the space between the logo and the line under it where the page names and header starts. You'd be looking for:

.header-wrap .wsite-logo {
  padding: 30px 0 20px;

And would adjust the padding: value accordingly. That should lessen the white space you see on the website. 

Another good option is to try out a few different themes and see if any catch your eye, all of your website content will transfer over across themes so there's nothing to worry about when changing themes.

[bobafett]

Just want to expand a bit on starworshiper's post.

In the css whenever you see

padding: 30px 0 20px; or margin: 30px 0 20px;

The convention is clockwise from top (null values are assumed zero).  So in the above example

padding: 30px=top, 0=right 20px=bottom and 0=left. (I am pretty sure I got that right)

[itsme1]

Im looking to use the THEME "Birdseye"..... can you let me know what line in the code for this theme will help me reduce that gap between the header and body?

[almoore987]

I am having the same problem with mine... Do you think you could help me out at all?

I am using the theme clean lines- business.

Many thanks

[Adam7]

I replied to your other post about this, @almoore987.

[yfarkas]

Hi There,

I am having the same issue.

There is a large gap between the header and body.

It doesn't look good.

I tried looking for the padding but none of the ones I changed did the job.

I am using the Big Deal theme.

Here is the live version of the site - you will see what I mean about there being a large space. http://www.niagararegionmedical.com/

Any help would be much appreciated.

Yvette