Images Not Displaying on iPhone X

Permalink
Images are not displaying on iPhone X in portrait mode, but display correctly in landscape. This is a new website running on 8.4.3.

Anyone know how to resolve this issue?

Thanks for any help.

Alan

alanhalley
 
alanhalley replied on at Permalink Reply 4 Attachments
alanhalley
I’ve attached screenshots of the site in portrait and landscape that show the problem. This occurs only on iPhone X, iPad and computers work fine.

Thanks for any suggestions on resolving this issue.

Alan
italinux replied on at Permalink Reply 1 Attachment
italinux
Hello Alan

This is Matteo,
I am the author of the theme (Personal Pro) you are currently using on your site.

This you are describing has nothing to do with concrete5 core CMS but with the theme assets CSS.
It was a deliberate choice of mine to hide images / icons on mobile portrait view to give preminence to the informations.

So if you really want to display images / icons on mobile portrait view you only need to comment a couple of line.
File: YOUR_DOCUMENT_ROOT/packages//theme_lazy5basic/blocks/l5b_what_i_do/templates/items_style_clean/view.css
Line: 427

FROM:
section.what-i-do div[class^="wid-item"] div[data-animation="icon"] {
    display: none;
  }

TO:
/*
  section.what-i-do div[class^="wid-item"] div[data-animation="icon"] {
    display: none;
  }
*/


Otherwise I basically done that for you already, you only need to:
1. DOWNLOAD attachment: view.css
2. replace YOUR_DOCUMENT_ROOT/packages//theme_lazy5basic/blocks/l5b_what_i_do/templates/items_style_clean/view.css

Tested and Fixed it'll work for you too

Kind Regards
Matteo
alanhalley replied on at Permalink Reply
alanhalley
Thanks, Matteo!

Alan