image show gk4- text can not fit on mobile device

Hello,

on header at my website (sport-zone.cz) there is text in Image show gk4 first slide that apears ok on my computer, but on smaller devices only part of it shows up (middle part). I am satisfied how it looks like on comupter and I do not want to change it and I also can not reduce the text.
Is there a way how to make it looks on mobile phones ok also?
(make font smaller or maybe that together with a separate/bigger image for mobile devices so the whole text can fit on it?
Thank you very much and have a nice day
Jan

Hi

That's a lot of text to squeeze in that small area Try add this to override.css

Code: Select all

@media only screen and (max-width:900px) {
.gkIsWrapper-gk_shop_and_buy .figcaption h3 {
    font-size: 16px;
    line-height: 20px;
}

.gkIsWrapper-gk_shop_and_buy .figcaption p {
    font-size: 10px;
    line-height: 12px;
}