Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 25, 2024 at 9:27 am #1462939
    ftt123

    Hi, the homepage of my website (in private content) when displaying on mobiles, the text of the fullwidth slider is overlapping the image in a big fontsize, and it is not readable….how to solve it?
    Thanks in advance!

    July 25, 2024 at 10:55 am #1462954
    Rikard

    Hey ftt123,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.avia-slideshow-slide .avia-caption-content p {
  font-size: 18px; 
}
}

    Best regards,
    Rikard

    July 25, 2024 at 11:23 am #1462958
    ftt123

    Thanks Rikard but it doesn’t work. I had also added this code, maybe it is the reason?
    /* CSS – Fullwidth Easy Slider text */

    /* Easy slider title */
    .av_slideshow_full .avia-caption-title,
    .av_slideshow_full .avia-caption-content p {
    text-transform: none;
    }

    /* End CSS */

    July 25, 2024 at 6:30 pm #1462979
    Rikard

    Hi,

    Thanks for the update. Could you post a screenshot highlighting the problem please?

    Best regards,
    Rikard

    July 26, 2024 at 11:14 am #1463043
    ftt123
    This reply has been marked as private.
    July 26, 2024 at 3:49 pm #1463064
    Rikard

    Hi,

    Thanks for that, but I can’t see any overlappning text in the screenshot? What exactly are you looking to change? If you want to use a different image then you could copy the element in question then hide/show the slider for different screen widths in the element options.

    Best regards,
    Rikard

    July 26, 2024 at 4:37 pm #1463071
    ftt123
    This reply has been marked as private.
    July 27, 2024 at 10:27 am #1463093
    Rikard

    Hi,

    Did you try using a different background image by copying the element like I suggested earlier?

    Best regards,
    Rikard

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