Slider maximum height on mobile

[baysquentin]

Hi,

I have a slider on this page :
https://coupeenergetique.ch/temoignages/temoignages-coiffeurs/

The second slide is pretty long and on mobile, the text is not visible until the end.

How can I make the slide’s height long enough ?

[ruenel]

Hello @baysquentin,

Thanks for posting in!

The slide height depends on the total height of its contents. Since you are using texts, it is best that you enclosed your texts with a div having an inline css setting a minimum height. For example:

<div class="text-content" style="min-height: 450px;">
<h4 style="margin-top: 60px;">Mary-Claude Chaudet</h4>
<p>Dans notre beau métier de la coiffure, nous travaillons sur l’image de la personne, mais qu’ est-ce qu’il y a derrière cette image ?<br>
Ma formation en coupe Energétique me donne les outils concrets, qui me permettent de comprendre ce que les cheveux disent.<br>
Cette facette de la profession est passionnante.<br>
Toute la formation se passe dans un groupe très lié, sans concurrence, avec la même vision et le même but.<br>
Un grand Merci à Remi, pour la transmission de son savoir.<br>
Un grand merci à Corinne, à Joëlle et Jocelyne ses collaboratrices.</p>
</div>

We would loved to know if this has work for you. Thank you.

[baysquentin]

Thanks for your answer. I tried adding a div as suggested. But on mobile, the long text is still cut before the end of the text…

[jade]

Hi there,

Please add this code in X > Theme Options > CSS:

.x-flexslider .flex-viewport {
    height: auto !important;
}

Hope this helps.