Logo placement issue on Firefox

[Facture]

Hi guys,

Getting close to finishing the dev. website design and almost ready to go live…

For some reason my logo (Stashed Goods) is placed in the wrong position (to high) when using the Firefox browser. It looks fine using my default browser Safari. I have attached screen grabs of the correct placement (Safari) and wrong placement (Firefox) for you below.

Kind regards,

Daniel

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

It looks good to me in Firefox in Mac. Can you try to clear the browser cache just to discard any cache issue?
https://www.dropbox.com/s/fehiu4xdfwf8cg9/Screenshot%202017-04-11%2018.23.49.png?dl=0

-Rui

[Facture]

Thanks Rui…

I just flushed the cache, cleared history, etc and re-booted Firefox but for some strange reason its still showing the logo in the wrong position.

I’m browsing on an iMac 5k.

Kind regards,

Daniel

[Rui Guerreiro – SUPPORT]

I can see it on retina, let me figure out some css.

-Rui

[Rui Guerreiro – SUPPORT]

Add the code below to your custom css option. That should sort it.

.browser-ff #logo a {
    margin-top: 52px;
}

-Rui

[Facture]

Works perfectly… You guys are awesome man!

[Rui Guerreiro – SUPPORT]

Great stuff. Thanks for the kind words.

-Rui

[Facture]

Hi Rui,

I might have spoken to soon…

I had a friend test the site for me and he is now finding the logo is too low when browsing in ‘Windows 10 with latest Firefox, laptop with 13.3” 1600x900px screen’. See the screen grab attached.

He also said that when the header rolls up as you scroll down the page, the bottom of the logo is still visible further down the page.

So it is still glitching badly for some reason.

Kind regards,

Daniel

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi Daniel,

Unfortunately, I am struggling to replicate this.

Could you test this CSS:

.full-center #logo {
    max-width: 24%;
}

Thanks.