Salut à tous,
 
J'ai crée une boutique e-commerce, http://la-maison-des-enfants.fr/, actuellement sous Prestashop 1.6.1.17.
 
Tout fonctionne globalement bien, mais j'ai 4 bugs que je ne parviens pas à résoudre, malgré des heures de recherche.
 
1- Le texte "nous suivre" apparaît comme un lien, avec une main au survol, alors que ce n'est pas cliquable et que je ne souhaite pas que cela le soit.

 
2- Sur mobile, lorsqu'on clique sur la flèche descendante, le menu se déroule avant de remonter seul juste après. Il faut à chaque fois appuyer une seconde fois sur cette flèche pour que le menu reste déroulé.

 
Sauriez-vous comment résoudre cela ?
 
Merci !

1- J'ai trouvé un palliatif qui consiste tout simplement à supprimer ce texte via la partie «traduction» du BO.

Je note que le texte "Information sur votre boutique" semble également cliquable, alors qu'il ne l'est pas. Sans doute parce que dans le mode mobile, il s'agit d'un menu déroulant.

C'est dans le css qu'il faut corriger le point n°1 : t'as sûrement une règle avec cursor: pointer;
Sinon, tu peux ajouter une règle display: none; pour la balise qui contient "nous suivre". Ca sera plus propre. Parce que bidouiller le fichier de traduction, c'est pas une bonne idée. Risque d'effet de bord ou quand tu feras la MAJ de ton produit, faudra rebidouiller le fichier.
 
Pour le n°2, là, c'est probablement un bug javascript.

Rufo,
 
Merci, je regarde ça en rentrant dans le global.css du theme.

Rufo,
 
J'ai cherché en vain dans le global.css du theme. Je n'ai rien trouvé, sachant que je sais que c'est en lien avec le social_block.
 
Ci-dessous les lignes avec social_block :
    .footer-container #footer #social_block {
      float: left;
      width: 50%;
      padding: 22px 15px 0 15px; }
      @media (max-width: 767px) {
        .footer-container #footer #social_block {
          width: 100%;
          float: left;
          padding-top: 5px; } }
      .footer-container #footer #social_block ul {
        float: right; }
        @media (max-width: 767px) {
          .footer-container #footer #social_block ul {
            float: none; } }
        .footer-container #footer #social_block ul li {
          float: left;
          width: 40px;
          text-align: center; }
          @media (min-width: 768px) and (max-width: 991px) {
            .footer-container #footer #social_block ul li {
              width: 30px; } }
          .footer-container #footer #social_block ul li a {
            display: inline-block;
            color: #908f8f;
            font-size: 28px; }
            @media (min-width: 768px) and (max-width: 991px) {
              .footer-container #footer #social_block ul li a {
                font-size: 20px; } }
            .footer-container #footer #social_block ul li a span {
              display: none; }
            .footer-container #footer #social_block ul li a {
              display: inline-block;
              font-family: "FontAwesome";
              vertical-align: -5px;
              font-weight: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            .footer-container #footer #social_block ul li a {
              color: #fff; }
          .footer-container #footer #social_block ul li.facebook a:before {
            content: "\f09a"; }
          .footer-container #footer #social_block ul li.twitter a:before {
            content: "\f099"; }
          .footer-container #footer #social_block ul li.rss a:before {
            content: "\f09e"; }
          .footer-container #footer #social_block ul li.youtube a:before {
            content: "\f167"; }
          .footer-container #footer #social_block ul li.google-plus a:before {
            content: "\f0d5"; }
          .footer-container #footer #social_block ul li.pinterest a:before {
            content: "\f0d2"; }
          .footer-container #footer #social_block ul li.vimeo a:before {
            content: "\f194"; }
          .footer-container #footer #social_block ul li.instagram a:before {
            content: "\f16d"; }
      .footer-container #footer #social_block h4 {
        float: right;
        margin-bottom: 0;
        font-size: 21px;
        line-height: 25px;
        text-transform: none;
        padding: 0 10px 0 0; }
        @media (max-width: 767px) {
          .footer-container #footer #social_block h4 {
            display: none;
            text-align: center; } }
 
Merci !!

Ca doit sûrement hériter d'une règle css d'une balise supérieure dans l'arbre. Cherche ailleurs un cursor: pointer.
 
Du reste dans ton fichier xxxx_all.css qui est sur ton site, on trouve cette règle :
.footer-container #footer h4{font:600 18px/22px "Open Sans",sans-serif;color:#fff;margin:0 0 13px 0;cursor:pointer}
 
C'est cette règle là puisque "nous suivre" est dans le #footer, dans une balise <h4>

Rufo,

Tu assures !
J'ai remplacé ce que tu as copié par
.footer-container #footer h4 {
font: 600 18px/22px "Open Sans", sans-serif;
color: #fff;
margin: 0 0 13px 0; }

Merci !!