Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Hi Rikard
    The problem has been resolved with the following code. Basically the text for the title and caption on a full width slider were too big for phones and ipads. Also another issue which is troubling is that if you choose the title and caption to be positioned at the bottom of the image and with a frame this also does not come through correctly when viewing on a phone or ipad?

    The following code resolved the initial problem:
    @media only screen and (min-width: 320px) and (max-width: 736px) {
    .responsive #top .slideshow_caption h2 {
    font-size: 12px !important;
    }}
    @media only screen and (min-width: 320px) and (max-width: 736px) {
    .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 9px !important;
    }}
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .responsive #top .slideshow_caption h2 {
    font-size: 16px !important;
    }}
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 12px !important;
    }}

    Hi Rikard
    I have now cleared the cache on all 3 phones I have and Yigits code is not working at all? My client (5 of them) have also tested this on their phones and ipads and are having the same problem. If it works for you, are you able to send me a screen shot of your phone (landscape and portrait) to show me that it is working.
    Thanks

    Thanks John but again this hasn’t changed a thing. The text comes in really big on top of each photo (on the phone – portrait). See screenshot link.

    Hi Yigit
    Thanks, have added code but it doesn’t seem to have resolved anything on the phone display?
    See screenshot of phone. Have sent link.
    Paul

Viewing 4 posts - 1 through 4 (of 4 total)