Problem on mobile view

Hello,

I have a concern about the view for mobile site haut-peyron.ufcv.fr.
In the slider of the home the text does not resize it remains very big, even for the H1 title sbalises which remains big too. How can I change that? In the css?
Thank you for your help

Hi there,
yes you can change the size in css, therefore please add the syntax below to your css/custom.css

@media only screen and (max-width: 768px) {
.layout-slideshow .sprocket-features-content {position: absolute;top: 0;left: 0;width: 90%; text-align:left}
}

Hello,
Thanks for your answer.
I put the code in the css, but I can not find any changes. How can I reduce the fonts such as H1, H2 and others only on the mobile view, and reduce the space between the slider and the beginning of the text, I did tests with the code you gave me but I do not see any change.
Thank you for your help

Fred

Hi there,
the "H1" or other headline can be changed in the same way. Please search for the CSS Class and add the class into the css code:
For example:

@media only screen and (max-width: 768px) {
.layout-slideshow h1 {font-size:12px}
}

BTW Here is a video how to find the css class
www.joomlaplates.com/template-customizing