Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 16, 2015 at 12:47 am #488321
    tal_hassidi

    Hi guys,

    heres a website: http://ydl.plexus.co.il/

    im trying to change the slider caption and sub text size ONLY for mobile, here: http://take.ms/J4Jsc\

    so, added this CSS line:
    .avia-caption-title { font-size: 100px !important ;}
    it doesn’t work on mobile, i checked that my code is ok and it is, tried to apply this on the desktop version and it works fine.

    can anyone tell me why it doesnt work on mobile?

    THANX :)

    August 17, 2015 at 6:03 am #488566
    Rikard

    Hi tal_hassidi,

    You have this in shortcodes.css:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #top .slideshow_caption h2 {
    font-size: 20px !important;
}
}

    Try to remove it and add the following instead to Quick CSS:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.page-id-12 .slideshow_caption h2 {
    font-size: 40px !important;
}
}

    Thanks,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.