Header Height

GK User
Sat Jan 31, 2015 10:26 am
Hello, I would like to be able to bring the whole page up so there is less space in between the menu and the headerright and headerleft of the frontpage.

I tried this but it messes up the other module under it. Ideally the CSS wouldn't be destructive for the other module.

Code: Select all
/* Header Wrapper height */

#gkIs-gk-is-784.gkIsWrapper-gk_university {
    min-height: 826px;
}


Thank you
User avatar
Platinum Boarder

GK User
Sun Feb 01, 2015 8:59 am
Could you please post an url to your site?
User avatar
Moderator

GK User
Mon Feb 02, 2015 4:55 am
My mistake, here is the URL:
http://gator4199.hostgator.com/~lgt2015/

I am sending you the info login in PM.

Regards.
User avatar
Platinum Boarder

GK User
Tue Feb 03, 2015 11:46 am
Could you please mark the space to be reduced on a screenshot?
User avatar
Moderator

GK User
Tue Feb 03, 2015 11:58 am
There you go. There is a problem with the NSP in the HeaderLeft too when the resolution is right on 640px width.

Regards
User avatar
Platinum Boarder

GK User
Tue Feb 03, 2015 5:36 pm
You have so many things in override.css that one starts to interact with other.
Code: Select all
@media only screen and (min-width:640px) and (max-width: 840px) {



#k2SearchBlockform {
    display: block !important;
}



/*
#gkHeaderRight {
    display: none;
}

*/

#gkHeaderLeft {
    display: block !important;
    width: 100%;
}
}

conflicts with some basic template styling. I would suggest to move it to:
Code: Select all
@media only screen and (min-width:641px) and (max-width: 840px) {
User avatar
Moderator

GK User
Wed Feb 04, 2015 6:08 am
OK Thank you it worked for the glitch with the NSP at 640px width.
I will reply for the white space on the other thread.

Regards
User avatar
Platinum Boarder

GK User
Wed Feb 04, 2015 7:51 am
OK I come back on the main purpose of this thread, which is about the Header Module Height.

I would like to reduce the height of the header, but this Class below only reduces the text height in terms of position:

Code: Select all
/* Header Wrapper height */

#gkIs-gk-is-784.gkIsWrapper-gk_university {
    min-height: 826px;
}



I want the HeaderLeft, HeaderRight to come up as a block when the Header module is reduced.

Thank you,
Regards
User avatar
Platinum Boarder

GK User
Thu Feb 05, 2015 8:31 am
From what I see you have reduced min-height and it pushed gkHeaderModules up. Is that the thing you wanted to do?
User avatar
Moderator

GK User
Thu Feb 05, 2015 8:40 am
Yeah thank you Cyberek, I was finally able to figure it out on my own yesterday :)

Thank you
Regards
User avatar
Platinum Boarder

GK User
Thu Feb 05, 2015 10:26 pm
Ok, thanks for clearing that out :).
User avatar
Moderator


cron