FROM CACHE - fr_header

Modification taille de texte sur mobile dans la partie "slideshow"

Modification taille de texte sur mobile dans la partie "slideshow"

MCH
Nouveau membre
4 0 0

Bonjour,

 

je voudrais adapter la taille de mon texte sur la bannière/diaporama de mon site e-commerce shopify.

Le but étant qu'il soit plus petit en version mobile.

 

Merci pour votre aide.

-> Photos de l'exemple en dessous

 

Version mobile avec texte non adapatatif = illisibleVersion mobile avec texte non adapatatif = illisibleVersion destopVersion destop

 

 

6 RÉPONSES 6

marki-digital
Shopify Partner
55 7 8

Bonsoir @MCH ,

 

Le problème vient surtout du fait que le format de l'image utilisé n'est pas adapté au mobile. Il faudrait que vous utilisiez une image pour le desktop et une autre image pour le mobile.

Cette fonctionnalité est disponible dans pas mal de thèmes (dans la config du slide en question) mais malheureusement pas tous.

 

Si ce n'est pas le cas, il faudrait effectuer les modifications dans le code pour adapter le rendu et la configuration de votre section.

Comme ceci :

 

Enfin, en ce qui concerne la taille de votre texte, il faudrait également utiliser du CSS spécifique pour l'ajuster sur mobile (à mettre tout en bas de votre fichier theme.css)

.slideshow-section .owl-item .item .content-slideshow h2 {
	font-size: 1.4em;
}
.slideshow-section .owl-item .item .content-slideshow h3 {
	font-size: 1.8em;
}
.slideshow-section .owl-item .item .content-slideshow .btn {
    padding: 6px 15px;
    line-height: normal;
    font-size: .9em;
}

Bien à vous, Guillaume


Guillaume CARON | Expert Shopify | Webbly devient l'Agence marki | agence-marki.fr

MCH
Nouveau membre
4 0 0

Bonjour @marki-digital , 

 

merci pour votre aide ! J'ai réussi à modifier la taille du texte avec votre code en y ajoutant du média queries.

 

Je ne vois pas votre réponse pour la taille du slider. 

"Si ce n'est pas le cas, il faudrait effectuer les modifications dans le code pour adapter le rendu et la configuration de votre section.

Comme ceci :"

 

Il n'y a rien après le comme ceci.

 

Merci pour votre réponse.

Cordialement.

 

Voici le texte modifié.

 

Capture d’écran 2022-02-15 à 15.38.00.png

marki-digital
Shopify Partner
55 7 8

Bonjour,

 

Effectivement, la capture d'écran n'est pas passée 😕

Mais avez-vous un champ "image mobile" dans la configuration de votre section ?


Guillaume CARON | Expert Shopify | Webbly devient l'Agence marki | agence-marki.fr

MCH
Nouveau membre
4 0 0

Bonjour @marki-digital,

 

non je n'en ai pas je vais devoir tout faire du code 😕

 

Merci pour votre aide.

marki-digital
Shopify Partner
55 7 8

Effectivement.

 

Il faut rajouter un champ "Image mobile" dans la section en question et rajouter le code qui permet d'afficher l'image uniquement sur mobile.


Guillaume CARON | Expert Shopify | Webbly devient l'Agence marki | agence-marki.fr

MCH
Nouveau membre
4 0 0

Et savez-vous le faire ? Je bloque totalement  😕