Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 7, 2017 at 4:05 am #730586
    KimberlyM

    I’ve got an image on the Home page of my website (Boat with Blue Overlay), when you view it in desktop mode you can clearly see the caption (Did You Know, . . .). Unfortunately when you see this image on a mobile device the text only partially shows and then runs into the next section overlaying it.

    Is there a way to simply disable the text (aka caption) when showing on a mobile device?

    January 7, 2017 at 8:34 am #730653
    Rikard

    Hey Kimberly,

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

    @media only screen and (max-width: 767px) {
.home #av_section_3 .av-image-caption-overlay-center {
  font-size:20px !important;
}
}

    Best regards,
    Rikard

    January 8, 2017 at 7:28 am #730808
    KimberlyM

    That works, thank you!

    January 8, 2017 at 1:48 pm #730847
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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