Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 16, 2017 at 3:20 pm #761972
    paulbergin

    Hi
    The caption title and text is not displaying correctly on the easy sliders on a phone when it is held portrait ways. According to my client it is also not working correctly on an ipad when held in portrait or landscape. Is there any quick CSS to resolve this?. The text needs to be displayed smaller on a phone/ipad and it also seems that the padding is different.
    Thanks

    March 16, 2017 at 3:28 pm #761982
    Yigit

    Hey paulbergin!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.avia_transform .av_slideshow_full .avia-caption-title {
    font-size: 20px!important;
}
.avia-caption-content {
    font-size: 14px!important;
}}

    Best regards,
    Yigit

    March 16, 2017 at 3:41 pm #761997
    paulbergin

    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

    March 16, 2017 at 4:06 pm #762024
    John Torvik

    Hi,

    Try to add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

    

@media screen and (max-width: 769px) {
    .av-special-heading-tag {
        font-size: 20px !important;
    }
}

    Let me know if it works :)

    Best regards,
    John Torvik

    March 16, 2017 at 4:28 pm #762040
    paulbergin

    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.

    March 17, 2017 at 7:35 am #762366
    Rikard

    Hi,

    It looks like the code Yigit sent is working on my end in Chrome, did you make sure to clear your browser cache and reload a few times? You could also try a different browser and/or phone to avoid getting cached results.

    Best regards,
    Rikard

    March 20, 2017 at 2:07 pm #763648
    paulbergin

    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

    March 21, 2017 at 6:17 am #763999
    Rikard

    Hi,

    Ok, thanks for the feedback. Then I’m not sure I understand the problem, could you post a screenshot of it please? You can upload to a service like google drive or dropbox and then link to it here.

    Best regards,
    Rikard

    March 21, 2017 at 5:38 pm #764269
    paulbergin

    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;
    }}

    March 22, 2017 at 7:02 am #764606
    Rikard

    Hi Paul,

    Great, glad you found a solution to the problem and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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