logo twice ?

Hello,

we just changed the logo (with a more bigger). But when we refresh the page, the logo is ok and a second after the logo appears twice.. It is so strange ?

Do you have a idea to fix this ?

Regard.

first :

2014-07-10_15h43_01.jpg

logo twice :

2014-07-10_15h43_12.jpg

On top of your page there is a hidden "sticky" menu - you can see it when you scroll down page a little. When you made your logo larger - it doesn't fit in given dimension and stick a little bit from top.
Could you please post an url to your site, I'll prepare a custom override.css for you?

Thank.

I just sent you a PM (the website is under development).

Regard

Please set your background image size this way:

Code: Select all

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo-cire.png") ;
    background-size: 500px
}


(you can do it by modifying already made changes in override.css)

Euh sorry but it is not really working...

2014-07-15_12h03_48.jpg

Regard.

Please play with 500px value (reduce it) to find correct one.

Hello,

it doesn't work at all.

if we increase the value to get the real size of the logo (788px) we have this :

2014-07-16_12h50_35.jpg

If we reduce the value, we have this :

2014-07-16_12h51_47.jpg

So what can we do to fix this ?

Regard.

and we also tried with "logo type = image" in the template parameters, but it is worse.

2014-07-16_13h05_37.jpg

What browser do you use and what os?
It looks fine here. Perhaps you have some cache issues? Please try Chrome Incognito Mode or FireFox Private Mode.

We use firefox ESR 24.6.0 (windows 7 64 bits)

Here is a screenshot with chrome (Version 35.0.1916.153 m) in private mode.

2014-07-16_14h38_38.jpg

Here is a screenshot with IE (11.0.9600).

2014-07-16_14h41_07.jpg

So what can we do to fix this (maybe remove the hidden "sticky" menu) ?

Regard.

I have changed your override.css to this one:

Code: Select all

/* logo */
.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo-cire.png") ;
   height: 111px;
    width: 788px;
}

#gkLogo, #gkLogoSmall {
    margin: 5px 0 5px;
}

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo-cire.png") ;
}
.svg #gkLogoSmall.cssLogo {
    background-size: 60%;
}


And it seems to work better. Please try putting it this way.

There is also other idea - you could prepare a smaller version of the logo - square one that will look nice in sticky menu - and it will not break layout pushing menu down in sticky menu.

Yes it is a great idea
How can I do that ? I really don't how to modify the sticky menu.
Regard.

2014-07-17_12h48_17.jpg

and your modification in the override.css don't working (again, sorry).
Is it a big deal to change a logo (with full size) in this template ? Apparently yes.
Really don't understand how this template...

Regard.

2014-07-17_12h50_30.jpg

I think you havent copied my entire code :

/* logo */
.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
background-image: url("../images/logo-cire.png") ;
height: 111px;
width: 788px;
}

#gkLogo, #gkLogoSmall {
margin: 5px 0 5px;
}

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
background-image: url("../images/logo-cire.png") ;
}
.svg #gkLogoSmall.cssLogo {
background-size: 60%;
}

Yes, sorry, you are totally right.
It is working now, but not perfectly.

It is ok when we loading the page, but if we scroll down to the bottom of the page, the logo change and become smaller...!
It is very very strange.

It is there a simply way to just fix it (and fix the logo position/size) ?

Regards.

first :

2014-08-20_15h59_57.jpg

after scrolling down :

2014-08-20_16h00_13.jpg

Please send me again a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread
Previous one was lost somewhere.

Hello,

did you receive my PM ?!

Regard.

It cant be done any other way - this template was not prepared for that big logo.

It cant be done any other way - this template was not prepared for that big logo.

Ok and arghhh But we need this is not a solution... what is the maximum dimension for the logo (for this template) ?

Regard.

With layout you currently have - you will not fit anything more than 70px height. You also should add this to css to force image element inside its place:

Code: Select all

.svg #gkLogoSmall.cssLogo {
background-size: 60%;
height: 70px;
}


Hello,

no it change nothing. Still the same problem
So are there maximum dimensions for the logo ?

Regard.

I have written above - 70 px height. Width should not be the problem.

Hello, ok sorry.
Now the logo height is 70px. But the problem is still there...!

Maybe a possibility is to have a big logo (max 70px height) (1) and a small logo (2) when we scroll down the page...

logo-cire-twice.jpg

I can't access your site - is it accessible under the link you have sent to me?

I can't access your site - is it accessible under the link you have sent to me?

Yes it is still the same.
But to be sure, I just send you a PM with the access.

And we can work with just the small logo (logo-simple). Maybe it is better.

logo-simple.png (124 / 64pi)

big logo :
logo-cire.png (570 / 70pi)

Regard.

Please try this code at the end of your overide.css (replace current one):

Code: Select all

/* logo */
.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo-cire.png") ;
    height: 111px;
    width: 788px;
}

#gkLogo, #gkLogoSmall {
    margin: 5px 0 5px;
}

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo-cire.png") ;
}

.svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo-simple.png");
    height: 70px;
}


Hello,

thank you so much for your help.
But do you think it is possible to put the logo-simple.png like in the demo of news2 (on the same line like the menu) ?

Regard.

2014-09-12_10h34_59.jpg

Hello,

thank you so much for your help.
But do you think it is possible to put the logo-simple.png like in the demo of news2 (on the same line like the menu) ?

Regard.

2014-09-12_10h34_59.jpg

Ok I think I found.
Just add this line : width: 150px;

like this

Code: Select all

.svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo-simple.png");
    height: 70px;
    width: 150px;
}

Regard.

So the last change completely closes the topic?

Yes, thank you so much.

Regard.