Change size of logo

I have added an image as logo as you can see here:

http://www.ffatest.se/

But the logo is pushing the menu down, how can I change the container which the logo image is placed in so that the logo fits and doesn´t push the menu down?

Hi

Are you sure?
I don't see any problem.

screen.png

There is a lot of white space above the logo and very little under it, it should be even. And as you can see there is more space under the banner to the right than it is above it. Conclusion the menu is being pushed down by the logo since the spaces are even with the logo turned off.

So I want to move the logo up, so it doesn´t push down the menu and there is even with space above and under the logo.

ok, but first go to template parameters > advanced settings and enable the use of css overrride.

Them open ../css/override.css file and now i give you 2 choices:

Code: Select all

#gkTopBanner {margin-top: 0!important}


or if you prefer

Code: Select all

a#gkLogo {margin-top: -16px!important}


Cheers

Ok that works. Is there a limit to how high the logo can be, in pixles?

Is up to you.
That was only an example.
If you want to push up more, increase negative value on margin.

Yes I know and it works but is there a limit to how high a logo can be? For example does the logo automaticlly scale down if it is higher than 68 pixels?

I didn't test the limit, but you can increase logo size using:

Code: Select all

#gkLogo {
   height: ?px;
   width: ?px;
}