Logo squeezed on Iphone

[Nico]

Hey there,

unfortunatley, the logo appears squeezed on iphones. None of the solution suggested in this forum worked for me. Any ideas?

Also how is it possible to change the menue symbol (mobile)? Currently is just a square with two horizontal lines. I would prefer just three horizontal lines on top of each other (i.e. jackyf.de).

Thanks!

Best, Nico

[Rui Guerreiro – SUPPORT]

Hi,

Did you upload the retina logo?

-Rui

[Nico]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

I’m seeing fine in my mbp retina screen, so it should work fine in the iPhone.
https://www.dropbox.com/s/lums408287qfwv2/Screenshot%202016-12-28%2011.04.19.png?dl=0

Can you try to clear the mobile browser cache?

If it doesn’t work, will forward to a colleague that has an iPhone to check.

-Rui

[Nico]

Hey Rui, problem is still there. Would be great if you could forward it to your colleague. Thanks!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

No problem. I just did it now.
Let’s wait.

-Rui

[David Martin – Support]

If you are not using the Top Bar option, please disable that in the theme options to save your header space.

To answer your question, please test this CSS

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
max-height: initial !important;
}

[Nico]

Hi David, thanks for your response and happy new year!

I’m actually using the top bar as you can see http://www.nextorganic.de. Any other solution?

What’s this custom CSS for? Does it change the menu symbol? Or is it for the logo-problem?

Cheers, Nico

[David Martin – Support]

The above CSS will fix the logo squeeze issue reported.

[Nico]

Hi David, I tried

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
max-height: initial !important;
}

Logo is still squeezed on iphones… Any other idea?

Best, Nico

[David Martin – Support]

Apologies, the selector was missing. I’ve updated to:

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  #logo img, 
  #logo img.retina {
    max-height: initial !important;
  }
}