image show gk4- text can not fit on mobile device

Free Joomla module to create slideshow on your website which includes different data like part of articles or text defined by user.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Mon Mar 13, 2017 3:54 pm
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
User avatar
Fresh Boarder

teitbite
Thu Mar 16, 2017 7:24 pm
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;
}
User avatar
Moderator


cron