Reducing the header space

Hi,

I'd like to know how I can reduce the amount of space left on top i.e. above the logo? Sorry if this is a basic question. The link: saudilife.net/matrimonial

Thanks,
Faraz

Hi

Please enable first override.css file on template parameters.
Next try adding one of this 2 option on this file:

If you want to move up all block:

Code: Select all

#gk-top {margin-top:-20px}


In other hand, if you want to move only logo and stripes:

Code: Select all

#gk-top {position: relative;top: -20px}


Cheers

That doesnt work http://www.itscalledsolutions.com/piero/

add this insted

Code: Select all

#gk-top.topmargin { margin-top: -70px; }

maybe you also want this to move the content a bit closer to the menu :

Code: Select all

#mainPage { margin-bottom: 23px;  margin-top:-40px }

hmmm. playing around a bit cause i like your logo, it's just huge - i really like this result..

Code: Select all

#gk-top.topmargin { margin-top: -70px; }
#gk-menu { margin-top:-35px; position:absolute!important; margin-left:30px }
#mainPage { margin-bottom: 23px;  margin-top:-50px }

use it if you want

That still didnt work! ? whats going on with my page?

Hey thanks thats sweet what about doing it all the way left cause I am going to have alot of menu items.

have you applied it now and enabled override.css from the template manager?

in ff i don't see the logo all of a sudden, in chrome i see it as it was before, in ie i see the menu moved up a bit...

Yes I see it in chrome, and firefox.

now the menu is in it's right place in chrome...

in ff it looks exactly like my screenshot...

Hey thanks thats sweet what about doing it all the way left cause I am going to have alot of menu items.

if you do it all the way left, the menu will overlap the wineglas... then i would move it down a notch, and then remove the position:absolute. this will center the menu, and if you have more menu points it will still be center...

Its not like that in Chrome or IE

Hi

Wow

Try to add this code also:

Code: Select all

#gk-top {
height: 330px;
position:relative;
}

#gk-top span {
display:none;
}

h1.logo {
position:absolute;
left:300px;
}


and show me the site than.

did u get the result you would ? see the menu got longer, and looks nice in chrome, ff and ie...

Thanks for the help yes I figured it out due to your guys help! Thanks Again

np.. thats why we're here

glad i could help, and im sure teit is too