Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 17, 2016 at 7:47 pm #584913
    dpotter1972

    Hi, it appears the caption on our site isn’t scaling/responsive on mobile devices, so it overruns the visible area.

    Please see private content for more info.

    February 17, 2016 at 11:27 pm #585013
    Basilis

    Hey dpotter1972!

    can you please define the part ” caption ” so we can understand it better?

    Regards,
    Basilis

    February 18, 2016 at 12:16 am #585027
    dpotter1972

    Sorry, I was speaking of the element in the full width layer slider on the homepage…the ‘caption’ section is there.

    February 18, 2016 at 2:27 am #585071
    Yigit

    Hi!

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

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

    Regards,
    Yigit

    February 18, 2016 at 5:14 pm #585507
    dpotter1972

    Still not working, the problem remains.

    • This reply was modified 8 years, 10 months ago by dpotter1972.
    February 19, 2016 at 4:11 pm #586141
    dpotter1972

    Hello? Any other options?

    February 19, 2016 at 6:31 pm #586223
    Yigit

    Hi!

    Issue was related to your custom CSS code 

    .avia-caption-title {
width: 210%;
}
.avia-caption-content.av_inherit_color {
width: 185%;
}

    i changed it to following

    @media only screen and (min-width: 768px) {
.avia-caption-title {
width: 210%;
}
.avia-caption-content.av_inherit_color {
width: 185%;
}}

    Please review your website now

    Best regards,
    Yigit

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