Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1408667

    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.


    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,

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