Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 8, 2015 at 1:09 pm #425233
    niguli

    Hi, I have an easy Slider testimonial slide show on this homepage, but the text of the Caption Title box are not readable in portrait mode on smartphone. The text inside does not seem to be full responsive. Caption text seems to be ok.


    No problem on landscape mode (iPhone), only in Portrait. Can you help me?

    April 8, 2015 at 8:02 pm #425548
    Elliott

    Hi Nicola!

    Add this to your custom CSS.

    @media and screen (max-width:500px) {
.avia-caption-title, .avia-caption-content p {
  font-size: 12px !important;
}
}

    Regards,
    Elliott

    April 9, 2015 at 10:27 am #425800
    niguli

    Sorry, it doesn’t work for me. Check it here: http://www.browserstack.com/responsive

    Any further suggestion?

    April 9, 2015 at 3:43 pm #425998
    Yigit

    Hi!

    Can you please post the content of your Quick CSS using – http://pastebin.com/
    Code Elliott posted is currently not being applied

    Regards,
    Yigit

    April 9, 2015 at 4:08 pm #426019
    niguli

    Hi Yigit, first time for me on pastebin, hope i’m doing well…

    http://pastebin.com/u9d8NANm

    April 9, 2015 at 4:14 pm #426025
    Yigit

    Hey!

    Yes, you did great :) Can you please try replacing your Quick CSS with following – http://pastebin.com/mKxy8Dcq

    Regards,
    Yigit

    April 9, 2015 at 4:19 pm #426029
    niguli

    I pasted but, as you can see, especially the first part of the sentence is still cut :(

    April 9, 2015 at 4:22 pm #426034
    Yigit

    Hi!

    Your titles are very long to fit inside the slider on mobile screens. There are two options that i can think of
    1- Making font size even smaller, which would make captions very tiny – harder to read
    2- Remove captions on mobile

    If you would like to use second options, please use following code in Quick CSS 

    @media and screen (max-width:500px) {
.avia-caption-title, .avia-caption-content p {
  display: none; 
}
}

    If you would like to use first option, please adjust the font size in the code Elliott posted

    Regards,
    Yigit

    April 9, 2015 at 4:30 pm #426041
    niguli

    I agree, and i will ask my client.

    third solution: try to reduce the phares… :)

    April 9, 2015 at 4:34 pm #426043
    Yigit

    Hey!

    Exactly :)
    We will keep the thread open to hear from you and it will be on hold until you reply :)

    Cheers!
    Yigit

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