Logo comes out

Hi,
i realized this website based on John template: http://www.sviluppositidamconsulting.it/cesana
but i have the logo that comes out over the header in frontpage (see the header.jpg attachment).

Can I avoid it?
Thank you.

Please edit: /templates/gk_john_s/css/override.css and add at its end:

Code: Select all

#gkLogo img, #gkLogoSmall img {
max-height: 100%;
}


Remember to enable "CSS override" in template settings - advanced section.

Ok. Now it works fine.
Can I disable logo in header and leave it only in menu bar?
Thank you.

This code in override.css should do it:

Code: Select all

#gkHeader #gkLogo {display: none;}


Thank you Cyberek,
it works very fine.

Just last little question.
In original configuration (without override) logo display above text and background image was all visible (see before.jpg).

before.jpg

Now, i use template override because of i need two different logos: one for the header and one for menu bar.
So i disabled template logo display in header and i replaced it with a simple image added to html code in header description.
In this way, background image switched to upper dimension and i can't see it all. As you can see, people on right side of the image was cutted.

after.jpg

For the moment i have to reduce textual contents in header but is just a temporary workaround.
Can i do better?

Thank you.

That is how background image works - you have made the module longer by placing something in html - and it changed the way background image renders to fit longer element.

Ok. Thank you.

Is there anything else I can help you with regarding this topic?

No. It's all.
Thank you.

If you will have any other questions, feel free to post new forum threads.