Logo above the menu items

Hello there, I have tried to follow the advices you gave in other posts, but i could not solve.

The problem is that I have set and upload a logo, but when scrollind down, the logo covers part of the area as per image attached (the last part of the word "World" of the logo covers the word "Home of the menu.

How can I solve?

I can provide also access to the site via pm

Could you please post an url to your site - to a sample page where the change should be made?

www.iconaworld.com/test

have you had the chance to wath it?

And, eventually, is it possible to have a text logo (from the settings of the template), but with the text of two different colors?

I just want to add. I ahve the same problem. The logo image is opbviously wider than anticipated so when the user scrolls down and the menu appears at the top it goes uner the menu.

See here: http://www.neuropool.com/

Exactly as Andrew said. Now I tried to put a smaller logo, but the quality of the image is very poor.

- Is it possible to enlarge the space dedicated to the logo width?

- What do you suggest in order to have high quality logos and, if it's possible, to have different logo with different definition according to the zoom used by the user?

If you would like to increase space occupied by logo on sticky menu, please edit: /templates/gk_news2/css/override.css and add at its end:

Code: Select all

#gkLogoSmall {
width: 194px;
}


and manipulate with width value.
Remember to enable "CSS override" in template settings - advanced section.

If it goes to @Andrew_Watson problem - 290px should be fine with your logo.

BOOM. Thats it. I was trying with #gkLogo and not getting success.

Can I suggest something Cyberek? Why don't you guys at Gavick copy and paste this before your code snippits to help those unacustomed with the overrides:

You need to alter the template CSS. The best way is by using a CSS override which will mean the change will remain even after a template update. To do this:
1) Go to your Joomla admin and click on our template in the template manager.
2) Go to the "Advanced settings" tab and Enable the "CSS Override" option.
3) Paste the folowing code into the "Custom CSS code" box at the bottom and save:

@Andrew_Watson - but this is exactly same to what I have written - I have provided which file to edit, what to paste into and finally - what to enable .

- What do you suggest in order to have high quality logos and, if it's possible, to have different logo with different definition according to the zoom used by the user?

Is this possible?

You can implement svg logo which is vector based logo, but you need to know that it doesn't work with all browsers (http://caniuse.com/#feat=svg)
With zooming in (plus) all you content gets scaled up, so not only logo enlarges but also all other elements. With images it is obviously that it will look not that good when enlarged.