Marge sur mobile

[freds83]

Bonjour la communauté PrestaShop, j'ai un petit soucis sur mobile quand on balaye sur la gauche ca fait une marge blanche a droite du coup si j'affiche un widget chat ou commentaire produit on est obligé de balayer légèrement sur la gauche pour la voir

Comment résoudre ce problème?

Merci pour vos réponses , bon dimanche

lien vers le site: https://sublime-cadeaux.fr
version prestashop 1.7.8

 

[Divine]

Bonjour,

Il faut enlever la propriété float: left sur le lien de connexion qui apparaît lorsqu'on clique sur le menu, en surcouchant par exemple avec un float: none :

@media (max-width: 767px) {
  #header .user-info a:not(:last-child) { float: none; }
}

Sinon, s'il s'agit d'un thème personnalisé acheté chez un développeur, le mieux c'est de contacter directement le développeur du thème afin de lui signaler ce souci.

[freds83]

Bonjour merci , c'est dans le theme.css?

[Mediacom87]

Il y a 5 heures, freds83 a dit :

Bonjour merci , c'est dans le theme.css?

JAMAIS !

Vous ne devez strictement jamais, dans aucuns cas, toucher au fichier theme.css.

Si vous souhaitez appliquer des personnalisations à votre thème, vous les enregistrez dans le fichier custom.css, si ce fichier n'existe pas fil vous suffit de le rajouter.

Et tout cela, vous le faites dans un thème enfant de votre thème principal pour pouvoir mettre à jour votre thème principal sans devoir reprendre tout à chaque fois.

[freds83]

bonjour voici ce que j'ai comme code 

#header .user-info > a:first-child {
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}

#header .user-info > a:first-child::before {
    background-color: #F1F1F1;
    content: "";
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1px;
}

 

[freds83]

#mobile_top_menu_wrapper .js-top-menu-bottom #contact-link {
    padding: 0.625rem;
}

#mobile_top_menu_wrapper .js-top-menu-bottom .user-info {
    padding: 0 0.625rem;
}

#mobile_top_menu_wrapper .js-top-menu-bottom .user-info a {
    padding: 0.625rem 0;
    display: block;
    width: 100%;
}

ou alors on modifiant le padding?

[freds83]

je crois que j'ai reussi