White Space Between Header and MainBody

hello, I got this white bar that I can't get rid of between the header and the mainbody (or pagecontent).

It's on the frontpage. When the display width resolution is smaller that white space gets bigger.

Link: http://gator4199.hostgator.com/~lgt2015/

Really annoying...

Here is what I tried so far so you can see what class I am referring to:

Code: Select all

/* Breadcrumb frontpage */

.frontpage #gkBreadcrumb {
    display: none;
}

/* Annoying White Stripe */

.frontpage #gkPageContent {
    padding: none;
}

#gkBottom1.gkSingleModule  {
   padding: 50px 0 35px;
}


This came as I disabled the module that was in that position with the quick start package.

Thank you

Your site requires login.
Please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread

Done in PM.

Regards

Try starting with:

Code: Select all

.frontpage #gkPageContent {display: none;}
.frontpage #gkBottom1. gkSingleModule {padding-top: 0px;}


OK it worked up until I reduce the width to 640px, at 640px precisely there is a glitch with the NSP module and then bellow 640px the white band that I sent as a screenshot is still there.

Thank you

Regards

I have already replied about the glitch in another thread