Slider title size on mobile and tablet

Activello
1

Hi there,

I would like the whole slider title to fit in the slider on tablet and mobile version.
Thanks to this post I managed to do it for the tablet version, but it doesn’t work for the mobile version.
https://colorlibsupport.com/t/change-title-size-on-slider-on-the-mobile-version/

I guess it works either for one or for the other ?
Would you help me with that ?
Thank you very muc h !

Céline
(website : https://lamariniereenvoyage.com)

2

Hello there,

I hope you are doing well today.

Did you remove the slider? I am not able to see it.

Best Regards,
Support

3

Hey,
I guessed there was a problem in the display, i didnt change anything but now its working so you should be able to see it again.
Thanks,
Celine

4

hey there

Please add this CSS in appearance - customize - additional CSS

@media (max-width: 768px){
.flex-caption {
margin-top: 15px;
}
.flex-caption h2 {
font-size: 18px;
margin-bottom: 10px;
}
}

Thanks!
Colorlib Support Team

5

Hello,
thank you for your help !
I added the CSS but it deleted the whole caption. Maybe I’ve done something wrong ?
Thank you and have a good day,
Céline

6

Hi

Ok, lets modify my css to this:
@media (max-width: 768px){
.flex-caption {
margin-top: 15px;
}
.flex-caption h2 {
font-size: 18px;
margin-bottom: 10px;
}
.flex-caption {
display: block;
}
}

7

Hi and thank you,

I’ts displaying so that’s perfect. However, attached is the title display (when the title is short and when it is longer). So there is still a problem.
If it is impossible to have one css ofr the mobile version and one for the tablet version, maybe we can delete the “know more” to make some space for the whole time ?
Thank you and have a great day,
Celine

8

Hi Noda,
DId you have time to check if you had another solution for me ?

Thank you so much for your help,
Céline

9

hi Céline

Sorry for the delay,
I Can help you to hide read more button on the mobile devices, this is the css:

@media (max-width: 768px){
.flex-caption .read-more {
display: none;
}
}

10

Thank you Noda for your help :slight_smile:
Best,
Céline

11

You are welcome :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions Thanks!