logo in css mode doesn`t show

Hi, I have the following question. I am trying to adjust your News 2 template to my Joomla 3 site. I want to use css logo. So I put my own logo.png file to your style1 folder in control panel. I renamed your file to logo1.png. But nothing happened - your NEWS logo was still there. Then I deleted it and it completely dissapered - there was nothing ata the logo position. I decided I will deal with it later.
After that I decided to make a new module position above the missing logo for top menu. The strangest thin was that wneh I created the pusition all of a sudden my logo.png appeard on the site. But my banner top position moved and I didn`t like it at all. So I deleted the top menu position and the logo disappeared again. It is something about the code in layouts/default.php, but I don`t know what to do to fix this. I saw similar unresolved topic in your forum.

So could you please help me find a solution?

Best Regards,
Teodora

Ok, I solved this problem, but now I have another one. The css logo looks good now and I put a banner at the banner top position. But when I scroll down the logo moves with the main menu. See here: http://zdravduh.com/test/ what happens on scroll down. Can I fix the logo not to move on scroll down, because it looks really bad.

Please answer me I feel stupid already talking to myself from more than 2 days!

OK, I fixed this this using java script.

I added this code to gavick js file:
document.onscroll = function() {
if (window.innerHeight + window.scrollY > document.body.clientHeight) {
document.getElementById('gkLogoSmall').style.display='none';
}
}
It looks good in mozilla and chrome, but not in internet explorer. How could I fix this?

Hi

Please send me an access to ftp and tell me where this javascript code is. I'll replace it with a css solution so it will render with IE as well.

Hi, In fact I removed this code, because it doesn`t work good. I want my logo to be a png picture with 84x474 dimensions, I don`t have svg logo so I don`t need this option. I used css logo and replaced the defauld logo.png picture.

In override.css I added this code: #gkLogo.cssLogo,
#gkLogoSmall.cssLogo {
background: transparent url('../images/style1/logo.png') no-repeat 0 0;
/* You can specify there logo size and background */
height: 84px;
width: 474px;
}
.svg #gkLogo.cssLogo,
.svg #gkLogoSmall.cssLogo {
background-image: url('../images/style1/logo.png');
}

Now I have 2 problems - 1) the first one is that the logo is repeated twice and 2) the second is that logo does not dissapear at all when I scroll down.

See here: http://www.zdravduh.com/test/

Hi

Please send me an access to ftp and tell me where this javascript code is. I'll replace it with a css solution so it will render with IE as well.

I send you in personal massage the details for ftp access.

Thank you in advance!

Hi

Please send me an access to ftp and tell me where this javascript code is. I'll replace it with a css solution so it will render with IE as well.

Hi, Piotr
You prosmised to answer me two days ago. What`s up?

Hi

Please do not bump Your own thread. It resets counter in moderator tool and Your question goes to the end of the line.

Answer was really simple:

Code: Select all

#gkLogoSmall {
    display: none;
}


added to override.css file. Please check.

Hi

Please do not bump Your own thread. It resets counter in moderator tool and Your question goes to the end of the line.

Answer was really simple:

Code: Select all

#gkLogoSmall {
    display: none;
}


added to override.css file. Please check.

Thank you so much. I am sorry if I was annoying I was just in a hurry Congrats on website`s new appearance

Hi

Not a problem at all. In fact I'm sorry for the faulty forum script. It's not the first time it marks thread as SOLVED when user answered in his own thread.