Mobile menu qui ne scroll pas (Créer un compte)

  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #564205
    Rekiem
    Membre
    Initié WordPress
    22 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 4.5.2
    – Version de PHP/MySQL :
    – Thème utilisé : Kindergarten
    – Extensions en place :
    – Nom de l’hebergeur : 1and1
    – Adresse du site : http://www.buzz-et-moi.fr

    Problème(s) rencontré(s) :

    Bonjour,

    J’ai un soucis assez problématique avec mon menu mobile (la version responsive) : Il est impossible de le scroller (et donc de voir les derniers liens du menu).
    En effet, c’est la page du site qui scroll en fond, et non le menu.
    J’ai tenté de modifier le CSS avec différentes positions (fixed, relative) mais rien ne change.

    Je vous donne le code CSS du mobile menu, en espérant que quelqu’un arrivera à solutionner le problème : http://pastebin.com/hfySZmp4

    Merci d’avance ! 🙂

    #1059854
    Treenity
    Modérateur
    Maître WordPress
    777 contributions

    Bonjour,

    Effectivement, il semblerai que ce menu ne sois pas censé avoir un logo aussi gros, et un header aussi gros, je suis sur iPhone donc je ne peut tester le code.

    Il faudrait mettre le logo du menu en display none, et remonter ce menu de quelques pixels (top:-100px;) jusqu’à ce qu’il arrive en haut de l’écran :

    @media (max-width: 767px){
    .c-menu .logo{
    display: none;
    }
    .c-menu–slide-right {
    top: -100px;
    }
    }

    Il fut corriger le positionnement du top afin de mettre le menu colle en haut de page, et la classe CSS du logo à pointer comme il faut.

    #1059855
    Rekiem
    Membre
    Initié WordPress
    22 contributions

    Bonjour Treenity et merci de ton retour !

    Je partage ton raisonnement; le header et logo sont beaucoup trop gros et nuisent à la navigation via smartphone.

    Par contre l’ajout de ton code ne change rien :(
    Pour ma part je test sur un S6 Edge.

    #1059856
    Treenity
    Modérateur
    Maître WordPress
    777 contributions
    Rekiem wrote:
    Bonjour Treenity et merci de ton retour !

    Je partage ton raisonnement; le header et logo sont beaucoup trop gros et nuisent à la navigation via smartphone.

    Par contre l’ajout de ton code ne change rien :(
    Pour ma part je test sur un S6 Edge.

    depuis un vrai ecran ca va mieux 😉

    @media (max-width: 767px){
    .logo-menu-right img{
    display:none;
    }
    .c-menu–slide-right.is-active{
        top: -275px;
        right: -3px;
    }
    }

    ceci permettra d’avoir quelques elements de menus visibles au moins, néamoins, seriusement, je vous conseille vraiment de changer de theme.

    cordialement

    #1059857
    Rekiem
    Membre
    Initié WordPress
    22 contributions

    Merci une fois de plus ! 😉

    Malheureusement ça ne change toujours rien avec ce nouveau code, le logo ne veux pas bouger et il manque toujours les deux derniers liens du menu.
    A moins qu’il est y un conflit et que je doit supprimer une ligne pour le remplacer, ce qui m’étonnerais car il n’y a pas d’autre @media (max-width:x).

    Le logo du menu mobile n’est pas primordiale, si c’est lui qui empêche d’afficher le menu dans sa globalité, autant le supprimer ! Par contre je n’est pas encore trouvé le moyen de le faire, le css est assez important et bordélique…

    Pour le thème, c’est mon client qui l’a choisi et le site est terminé et validé (mais je dois corriger ce soucis par contre), je ne peut donc pas le changer !

    #1059858
    Treenity
    Modérateur
    Maître WordPress
    777 contributions

    Bonjour,

    Où avez vous placer les styles que je vous ai donné ?

    Si ce n’est pas dans un theme enfant, il faut penser à vous renseigner sur l’édition des themes, c’est la première chose à savoir.

    Placez les styles modifiés en fin de fichier afin qu’ils soient “les dernières propriétés appliquées”

    #1059859
    Rekiem
    Membre
    Initié WordPress
    22 contributions

    Bonjour,

    J’avais placé votre style en début de section de partie “mobile section” de la feuille de style principale. (qui comprend également les style du header, menu, content…).

    Le css enfant importe simplement cette feuille de style principale.

    Même en le plaçant en fin de fichier, aucun changement n’a lieu :(

7 sujets de 1 à 7 (sur un total de 7)
  • Vous devez être connecté pour répondre à ce sujet.