Passer au contenu principal

Pourquoi le bouton de recherche gspro-item-gallery est-il coupé sur les appareils mobiles ?

Si le bouton de recherche gspro-item-gallery est coupé sur mobile, ce guide montre comment le corriger avec un extrait CSS.

Brandon Ray avatar
Écrit par Brandon Ray
Mis à jour cette semaine

Cette fonctionnalité est disponible avec tous les forfaits Goodshuffle Pro.

Pourquoi cela se produit

Sur les petits écrans (comme les téléphones), certaines plateformes ou certains thèmes ajoutent un espacement ou un style supplémentaire qui fait que le champ de recherche s’étire trop. Résultat : le bouton « Rechercher » peut être coupé ou déplacé hors de l’écran.


Comment corriger ce problème

Ajoutez le code CSS suivant dans la zone de code personnalisé de votre site (l’emplacement exact peut varier selon votre éditeur de site) :

@media screen and (max-width: 766px) {
gspro-item-gallery .gspro-o-search input {
max-width: 60%;
}
}

Cela limite la largeur du champ de recherche à 60 % sur les petits écrans, ce qui permet de garder le bouton visible.


Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas de votre écran pour envoyer un message à notre équipe d’assistance — nous sommes là pour vous aider !

Remarque : Cet article a été traduit à l’aide de l’IA. Pour toute question ou clarification, contactez-nous via la bulle de chat en bas de votre écran.

Avez-vous trouvé la réponse à votre question ?