Création d'un code CSS compatible IOS

Bonjour,
Je recherche une personne ayant une bonne connaissance de Wordpress et du constructeur Divi et de son environnement afin de corriger un bug d'affichage qui apparait uniquement sur les navigateurs safari (IOS). Notre site web étant développé pour être affiché et disponible sur les appareils mobiles, nous rencontrons de réels soucis lors de l'utilisation de notre webapp avec les appareils IOS (IPHONE) via le navigateur Safari.

Nous souhaitons faire en sorte d'obtenir un affichage "plein écran" (affichage de toutes les informations disponibles de la page) sur tous types d'écrans d'appareils mobiles, de "Certaines" de nos pages.
Afin de pouvoir rendre disponible ces pages en "plein écran", nous avons insérer le CCS suivant dans le module principal des pages concernées :

min-height: 100vh;
display: flex;
flex-direction: column;

Cela semble bien fonctionner et les résultats d'affichage obtenus sur les appareils "Androïd" correspondent à nos attentes…
Mais comme nous vous l'avons évoqué ce code ne semble pas fonctionner avec les appareils IOS car lorsque l'on visionne le rendu de l'affichage, les icones en bas de page se superposent aux éléments se trouvant juste au dessus pour apparaitre à l'écran, ce qui rend cette partie de l'écran infonctionnelle !
De plus (problème visible sur les appareils Android) concernant ces icones placées en bas de page, elles n'apparaissent pas toujours du premier coup après le chargement complet de l'écran (cela dépend du moment). Lorsque c'est le cas (dans 80% du temps), il faut jouer sur l'objet 3D ou tout autre partie de l'écran pour les voir apparaître…

Nous pensons donc (sauf erreur de notre part) qu'il sera nécessaire de corriger ou de créer un nouveau code CSS à intégrer au niveau du module principal de divi, des pages concernées (IMPORTANT ! Il ne s'agit que d'un seul et unique model de page, les autres pages auxquelles le code sera appliqué seront des copies contenant des informations différentes mais dans les mêmes proportions), qui puisse corriger le problème d'affichage des icones en bas de page dans un premier temps et dans un second temps, rendre l'affichage des pages pour lesquelles ce code aura été appliqué disponible en plein écran sur tous les appareils mobiles d'Androïd et IOS. Ainsi, il devra être possible que nous puissions reprendre ce code pour l'intégrer dans le module divi des pages de notre choix (Vous n'aurez donc qu'une seule et unique page à traiter, à condition que nous puissions appliquer votre code à d'autre pages similaires).

Je reste disponible pour tout complément d'information.

Cordialement