text inside Hot Full Carousel jumping out mobile

Dear Sirs,

When Hott Full Carousel is set to Full screen mode Disabled (the way I need it to work), the text inside the text areas, jumps out of the view window of smartphones and lower resolution tablets.

Example www.opleiding-medische-basiskennis.nl
How could this be fixed?

Kind regards,
Darko

Maybe you could provide smaller font size on when on mobile devices:


@media screen and (max-width: 512px){
article .contents *{
font-size:...
}
}

@media screen and (max-width: 1024px){
article .contents *{
font-size:...
}
}

you could put that styling in main template css file at bottom

Dear Sirs,

I'm afraid that will not solve the issue. I have attached a screenshot of a Galaxy S4. The problem is not the font size but the width of the text area. In mobile view the width of the text area, the square that holds the text, is pushed too wide.


Kind regards,
Darko

Nothing attached, make sure images are under 400kb, save them as jpg

Dear Sirs,

Here is the screenshot form a galaxy S4 with Chrome. The same problem occurs with standard and other mobile browsers. You can see the text in the banner is stretched outside the vieuw window.

Kind Regards,
Darko

Add this to template_css.css:

article .contents{
max-width;280px!important;
}