gkHeader div height doesn't work

In the template when I go to mobile the version the tablet.css sets the height of the gkheader div which on the homepage works perfectly but when I go to any other page theres a huge gap before the content. I've tried to take out the height but that ruins the home page so it seems like I'm in a catch 22 situation.
http://promixx.com

Does anyone have any idea to how I could fix this issue?

Thanks a lot.

Hi.
I think I know why.

Code: Select all

#gkHeader {
    height: 762px;
}

This code you will find inside tablet.css file.

templates/gk_simplicity/css/tablet.css

I suggest delete only this line and try again.

Hi.
I think I know why.

Code: Select all

#gkHeader {
    height: 762px;
}

This code you will find inside tablet.css file.

templates/gk_simplicity/css/tablet.css

I suggest delete only this line and try again.

That's what I have done but then gkHeader and the background image that goes with it on the home page gets cut in half.

So we have to use additional class only for home page (tablet only), than we use this height and on the rest it will be okey.

Give me few minutes I will add you screenshot how to use it if you don't know how.

So we have to use additional class only for home page (tablet only), than we use this height and on the rest it will be okey.

Give me few minutes I will add you screenshot how to use it if you don't know how.

Thanks, I just fixed it by adding a couple of elements to push down the content on the home page and they don't appear on the rest of the pages.

Few steps

1) Open in edit mode file: tablet.css
2) Please make those changes:

Code: Select all

#gkHeader { height: 5px; }
.nexus #gkHeader  { height: 762px; }

3) Template Manager -> gk_simplicity -> edit
4) FEATURES (tab)

step-1.png

I have used 120 - because you "home" menu item have this ID. That's all, save settings.