[SOLVED] Reduce space between the logo and page header

GK User
Sat Oct 16, 2010 11:22 am
Hi, I was wondering how can I reduce the space between the logo and top of the page. please advise.
User avatar
Fresh Boarder

GK User
Sat Oct 16, 2010 8:41 pm
please show me your site
User avatar
Platinum Boarder

GK User
Sun Oct 17, 2010 8:38 am
it is not up yet, I have downloaded the template but based on your own demo server, it is too much space on the top of page, I want see if I can reduce it. I am going to have the site uploaded later on this week. Thank you
User avatar
Fresh Boarder

teitbite
Mon Oct 18, 2010 11:25 am
Hi

Edit template.css file and there find classes and play with the values of margins and heights:

Code: Select all
#gk-top {
min-height:142px;
}

h1.logo {
background:url("../images/logo.png") no-repeat scroll 0 0 transparent;
float:left;
height:86px;
margin:54px 0 0;
padding:0;
width:294px;
}

.gk-search, #btn-tools, #btn_login, #btn_register {
display:block;
float:right;
margin:88px 0 0 16px;
}

.gk-search, #btn-tools, #btn_login, #btn_register {
display:block;
float:right;
margin:88px 0 0 16px;
}
User avatar
Moderator

GK User
Sat Oct 23, 2010 5:26 pm
Teitbite, I have tried as you suggested but I was not able to remove that space btw the header of the page and the logo :(
User avatar
Expert Boarder

GK User
Sat Oct 23, 2010 5:38 pm
Is this fine for you?

Code: Select all
#gk-top {margin-top: -50px}


Cheers ;)
User avatar
Platinum Boarder

GK User
Thu Oct 13, 2011 9:44 pm
Please advice

how what smaller than the area between the breadcrumbs and the logo? area is very large. site is: www.manworld.sk

Excuse my English
Thank You
sample1.jpg
User avatar
Fresh Boarder

GK User
Thu Oct 13, 2011 10:53 pm
Hi

You made some important changes on template framework and i don't see it well...specially on top of the page.
If i were in your place i would try to review this changes.

At this moment, probably the best and quick solution is adding this line:

Code: Select all
h1.logo {position: absolute; top: 30px}


Cheers
User avatar
Platinum Boarder

GK User
Fri Oct 14, 2011 7:22 am
Hi,

this option, I changed the position of the logo but the result was the same. It is possible that the space is filled with tools?
tools can be completel
sample2.jpg

y removed?

Thank You
User avatar
Fresh Boarder

GK User
Fri Oct 14, 2011 8:53 am
Not sure what you want to do with tools but try below css to close the gap on your site...

Change 94 to lower value something like 60...
Code: Select all
.gk_hide {
    margin-top: 94px;
}

You can use above code in your override.css
User avatar
Platinum Boarder

GK User
Fri Oct 14, 2011 11:22 am
Thank you, problem was in the file gk_stuff.css

.gk_hide { margin-top: 55px; } ;)
User avatar
Fresh Boarder


cron