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

[MCH]

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 destop

[marki-digital]

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

[MCH]

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é.

[marki-digital]

Bonjour,

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

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

[MCH]

Bonjour @marki-digital,

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

Merci pour votre aide.

[marki-digital]

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.

[MCH]

Et savez-vous le faire ? Je bloque totalement  😕