Image & Icons loading issue

[Rui Guerreiro – SUPPORT]

Hi,

That an strange situation in Firefox. Add the code below, it should sort it.

@-moz-document url-prefix() {
 
.header-6 #logo.has-img a > img {
    margin-top: -100px!important;
}
}

-Rui

[huntingensemble]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Don’t worry with that warning, what matters is that it works in the front end.

-Rui

[huntingensemble]

Hey Rui,

Ok! But it didn’t do anything (also after clearing Cache) 😉 so that’s why I said it. haha

Can you have a look?

Joost

[Swift Ideas – Ed]

Hey there,

Looks like the image is set too wide for Firefox to render it in the logo container. Try adding this css:

#logo img.retina {
    width: 290px;
}

Or setting the logo width override in theme options to 290px.

– Ed

[huntingensemble]

Hey Ed,

Thanks for helping out the CSS didn’t fix it?
Where can I find the Width override? At Logo options I only see:
– Logo Max Height
– Logo Top/Bottom Padding

Thanks,
Joost

[huntingensemble]

Hi Guys,

Got it fixed with this code:

@-moz-document url-prefix() {
#logo.logo-center img {
    margin: -100px auto 0;
}
}

I assume that this is a ok fix, that won’t cause any problems in other browsers?
Joost

[Rui Guerreiro – SUPPORT]

Although I suggest you something similar earlier, guess that using an rule like that isn’t the best solution.

Will forward to Ed so he can provide us the most accurate answer.
Let’s wait for the reply.

-Rui

[huntingensemble]

Hi Rui,

Ok thanks! Looking forward.
Joost

[Swift Ideas – Ed]

Hi there,

Apologies, my code was incorrect, should have been:

#logo img {
    width: 290px;
}

– Ed

[huntingensemble]

Hi Ed,

Thanks replaced code and it’s fixed.
Thanks for the support guys!

Joost

[Kyle – SUPPORT]

No problem 🙂