Logo Squashed on Retina Displays

[Klarity]

Hi Guys,

I have an issue with the retina display hear logos please see below

Header:
on retina:
looks fine at start everywhere:
on scroll…
squashed on other naked headers.
also,
squashed on any non naked pages which a white: product pages for example.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

I think it’s because of the 35px of max height you have in the logo options.
Try to remove it.

-Rui

[Klarity]

Hi guys,

Whilst I think this is a great work around – this won’t work for us as I need the logo to maintain a hight of 35px.
The issue with removing the height as suggested is that the logo then appears really large on the mobile (landscape screen)
Is there another way to make the logo the correct, constant.

Also on desktops I have seen some scaling happen when the naked menu transforms to a solid background colour? Can we stop this?
Note: Sticky header resizing is set to off.

Many thanks,
Pete

[Klarity]

Here are some images to demonstrate the issues.
The titles for the images explain what each on shows
(I have put the 35px height back in on these)

Best,

Peter

Attachments:

You must be logged in to view attached files.

[Klarity]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Apologize for the delay, can’t figure it out.
Will have forward to our head developer.

-Rui

[Klarity]

Ok thanks Rui, look forward to hearing back.

[Rui Guerreiro – SUPPORT]

No problem. Let’s wait for the reply.
-Rui

[Swift Ideas – Ed]

Trying to load your site here but it just loads indefinitely – can you confirm if there is an issue your end?

– Ed

[Klarity]

This reply has been marked as private.

[Swift Ideas – Ed]

Working now.

Please can you try adding this css:

.full-center #logo.has-img a > img {
width: auto;
}

That should prevent distortion.

– Ed

[Klarity]

Thanks Ed,

This worked perfectly from what i can see.

Cheers,
Pete

[Rui Guerreiro – SUPPORT]

Great. Thanks Ed.
-Rui

[Klarity]

This reply has been marked as private.

[David Martin – Support]

Hey,

I am viewing this on my retina screen and everything looks crisp and perfect. Could you screenshot what you see?

– David.