Full Screen Slider on mobile

Hi Team,

I can’t get the wanted font size on smartphones for my Fullscreen Slideshow on http://www.webigami.de

On iPad landscape and portrait I could manipulate the font size of caption and content. But it just doesn’t work with this code on my iPhone:

/** Fullscreen Slideshow Heading anpassen Smartphone */

@media only screen and (max-width: 467px) {
div .slideshow_caption h2 { font-size: 60px !important; }
div.avia-caption-content { font-size: 25px!important; }
#top .avia-slideshow-button { font-size: 18px; }
}

I’m using these codes for the iPad views:

/** Fullscreen Slideshow Heading anpassen Tablet Hochformat*/

@media only screen and (max-width: 768px) and (min-width: 481px){
div .slideshow_caption h2 { font-size: 80px !important; }
div.avia-caption-content { font-size: 28px!important; }
#top .avia-slideshow-button { font-size: 20px; }
}

/** Fullscreen Slideshow Heading anpassen Tablet Querformat*/

@media only screen and (max-width: 1024px) and (min-width: 769px){
div .slideshow_caption h2 { font-size: 100px !important; }
div.avia-caption-content { font-size: 32px!important; }
#top .avia-slideshow-button { font-size: 22px; }
}

Please advise!!!

Thanks,
Jan :)

• This topic was modified 9 years, 3 months ago by WEBIGAMI.