White space at top of pages, how to reduce or remove this?

[Anonymous]

On all the pages of a Web site I am making, using Business Key, there are two white space areas.
They are at the top of each page (except the home page that has the ‘slider’/hero images on it), under the header and above the page content (and there is a very thin line dividing this space into two parts).
I would like to adjust the size of the white areas but can’t find a way to do it.
I have put in ‘Additional CSS’ for other things so I kn ow about doing that, but can’t find a way to get to these white space areas.

Can you help please?

The site is: http://www.baylis.biz

[Axle Support]

Can you please try following CSS?

#main-navigation {
    margin-bottom: -80px;
}

[Anonymous]

Hi,

Yes, that did it – well half of it. Looks better. I think I understand now. Thanks for your help.

Out of interest I would like to know also how to reduce the whitespace at the top of the content area.
You can see it on all the pages except the Home page. I’m thinking it must have some CSS id or class but can’t find out what it is.

[Axle Support]

You can try #content for CSS rule.

[Author]

Posts