Imprimer la Page | Fermez la fenêtre

Site qui s'affiche mal sur mobile

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Sites créés avec openElement
Description du Forum: Soumettre votre site aux avis
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23938
Date: 29 Mar 2024 à 15:08
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: Site qui s'affiche mal sur mobile
Posté par: disbras
Sujet: Site qui s'affiche mal sur mobile
Posté le: 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 !!



Réponses:
Posté par: brolysan
Posté le: 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" />


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: disbras
Posté le: 02 Sep 2020 à 11:04
Merci beaucoup ! exactement ce qu'il me fallait !



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net