BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Sites créés avec openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Site qui s'affiche mal sur mobile
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Site qui s'affiche mal sur mobile

 Répondre Répondre
Auteur
Message
disbras allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2020
Pays: France
Status: Inactif
Points: 37
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer disbras Citer  RépondreRéponse Lien Direct à ce Post Sujet: Site qui s'affiche mal sur mobile
    Envoyé : 01 Sep 2020 à 12:27
Bonjour,

Mon site : http://disbras-tech.tk/

Mon site internet n'apparait pas tel que je l'ai paramétré sur mobile (via du code css)

.barretitre {
    z-index:9998 !important;
}

#WEPopup {
    z-index:9999 !important;
}

@media screen and (max-width: 640px){
    .titre {
        font-size: 32px !important;
    }
    
    .title {
        font-size:20px !important;
    }
    
    .titleb {
        font-size:24px !important;
    }
    
    .boutonmenu {
        display:inline-block !important;
    }
    
    .menu {
        display:none !important;
    }
    
    .text {
        font-size:11px !important;
    }
    
}

@media screen and (min-width: 640px) and (max-width: 1170px){
    .titre {
        font-size: 48px !important;
    }

    .title {
       
        font-size:28px !important;
    }
    
    .titleb {
       
        font-size:32px !important;
    }
    
    .boutonmenu {
           
        display:none !important;
    }
    .menu {
        display:inline-block !important;
        font-size: 18px !important;
    }
    .text {
       
        font-size:16px !important;
    }
    
}

@media screen and (min-width: 1170px){
    .titre {
        font-size: 64px !important;
    }
    
    .title {
       
        font-size:40px !important;
    }
    .titleb {
       
        font-size:50px !important;
    }
    
    .boutonmenu {
        display:none !important;
    }
    .menu {
        display:inline-block !important;
        font-size: 28px !important;
    }
    .text {
       
        font-size:20px !important;
    }
    
}

Pouvez-vous m'aider ??

Merci d'avance pour votre aide !!
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 01 Sep 2020 à 14:29
oui, rajoutez ceci sur votre calque (si vous en utilisez un) un bloc de code Source (type Html, Position Header :


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
Haut de la page
disbras allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2020
Pays: France
Status: Inactif
Points: 37
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer disbras Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 02 Sep 2020 à 11:04
Merci beaucoup ! exactement ce qu'il me fallait !
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.094 secondes.