Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 13, 2015 at 8:30 pm #427779
    turistai

    Hello Kriesi Team,
    I have an easy Slider on my homepage, but the text of the Caption Title are in portrait mode not responsive on smartphone. What can I do to fix it? I didn’t find answers to this problem in the support pages.
    Thanks a lot.

    April 13, 2015 at 10:50 pm #427858
    Yigit

    Hey turistai!

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

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

    Best regards,
    Yigit

    • This reply was modified 10 years, 6 months ago by Yigit.
    April 13, 2015 at 11:35 pm #427899
    turistai

    Hello
    I used it already but it didn’t worked.
    I also tried this one:
    @media only screen and (max-width: 767px) {
    .avia-slideshow .avia-caption .avia-caption-title {
    font-size: 16px;
    padding: 5px 7px;
    }
    }
    It worked well on smartphones but also changed the desktop version. I don’t want to change the desktop version. It is ok.
    Any sugestion?
    Thanks

    April 13, 2015 at 11:42 pm #427903
    Yigit

    Hey!

    Your code is wrapped inside media queries so it should not be applied to desktop version. Can you post the link to your website please?

    Regards,
    Yigit

    April 13, 2015 at 11:45 pm #427907
    turistai
    This reply has been marked as private.
    April 13, 2015 at 11:49 pm #427912
    Yigit

    Hey!

    Can you please try adding following code to Quick CSS 

    @media only screen and (max-width: 480px) {
h2.avia-caption-title {
  font-size: 16px;
}}

    If that does not help, please create a temporary admin login and post it here privately, if you do not mind.

    Regards,
    Yigit

    April 13, 2015 at 11:50 pm #427913
    turistai
    This reply has been marked as private.
    April 13, 2015 at 11:57 pm #427921
    turistai
    This reply has been marked as private.
    April 14, 2015 at 12:01 am #427925
    turistai
    This reply has been marked as private.
    April 14, 2015 at 12:06 am #427930
    Yigit

    Hi!

    Please review your website now. There was a typo with the first code i edited it.

    Regards,
    Yigit

    April 14, 2015 at 12:12 am #427935
    turistai
    This reply has been marked as private.
    April 14, 2015 at 12:20 am #427941
    Yigit

    Hey!

    Please review your website now. I found one more unclosed curly bracket. Now site width is corrected.

    Regards,
    Yigit

    April 14, 2015 at 12:26 am #427943
    turistai

    It worked. Great help, Yigit!
    Best,
    Adelaide

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Esay Slider not responsive on smartphones’ is closed to new replies.