Les meilleurs intégrateurs web freelances sont sur Codeur.com

Création d'un code CSS compatible IOS

 Terminé·Moins de 500 €·10 offres·289 vues·13 interactions


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

Budget indicatif : Moins de 500 €

Publication : 21 novembre 2023 à 09h09

Profils recherchés : Intégrateur web freelance, Développeur JavaScript freelance

Le profil du client est reservé aux prestataires abonnés

Créer un compte

10 freelances ont répondu à ce projet

10 propositions de devis en moins de 2h

+3

Montant moyen des devis proposés : 150 €

Estimation du délai : 1 jour

Publier un projet similaire

Projet réalisé par voary-media

voary-media
ANTANANARIVO, 102

Nos ressources utiles

Allez plus loin avec nos ressources liées à ce projet !

Chaque jour, des centaines de clients utilisent Codeur.com pour trouver un prestataire. Créez votre compte dès maintenant, remplissez votre profil et trouvez de nouveaux clients.

Trouver des nouveaux clients

Votre navigateur Web n’est plus à jour. Il ne permet pas d’afficher correctement le site Codeur.com.
Nous vous invitons à mettre à jour votre navigateur ou à utiliser un autre navigateur plus récent.