Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 26, 2023 at 12:23 pm #1408667
    mary301187

    Hello, I have a Masonry gallery where the text is displayed below. However, on mobile devices, there is too much text and only a small portion of the image is visible. Is it possible to display the text below the image so that the entire image is always visible on mobile devices?

    Thank you.

    May 27, 2023 at 5:13 pm #1408790
    Mike

    Hey mary301187,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
#top #wrap_all .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block!important;
    height: auto;
    width: auto;
    background: #fff;
}
#top #wrap_all .main_color .container .av-masonry-entry.av-masonry-item-with-image .avia-arrow {
    background-color: transparent;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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