Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1405965

    I created a masonry gallery with 21 pictures and with the limitation of visibility of 18 pictures at once. With having 21 pictures, the button ‘show more’ is visible. That’s okay.

    However, when clicking on the first image and swipe to the next, it stops at nr 18 (it even says 18/18) and continues with nr 1 again instead of automatically showing nr 19, 20 and 21..

    Readers will definitely miss those last pictures.

    I was planning even to add more but I doubt if it is useful this way..
    Is there a solution that after nor 18, it continues with the next picture or showing the button after swiping?

    Thanks for your early reply


    Hey JannyPolak,
    Thank you for your patience, this is the correct behavior for the element, only the loaded items will be seen until the “load more” button is used.
    You can change the text of the “load more” button to better convey that there are more images if you wish with this css:

    #top #main a.av-masonry-pagination.av-masonry-load-more {
    	font-size: 0px;
    #top #main a.av-masonry-pagination.av-masonry-load-more:before {
    	content:"See all photos";
    	font-size: 13px;

    Or you can choose to show all images in the element settings and hide some of them on the frontend with css, for example try this css:

    #av-masonry-1 .av-masonry-container .av-masonry-entry:nth-child(n+8) {
    	display: none;

    this will show only the first six items but when you open one in the lightbox you will see the lightbox counter will show 18 and you can click the prev / next arrows to see all 18.

    Best regards,


    Thanks, the options are working, however, not completely to my satisfaction.
    The first is not solving the issue for the user
    The second is not clear to users that there are more pictures than only 6 available

    I would love to see an update in the future where the full load of pictures will be shown when swiping, even when the visibility on the screens is limited to e.g. 10. Still in combination with the button ‘show more’, just to show that there actially are more pictures then shown on the screen in the beginning

    I now choose to make a separate page with all the pictures shown at once



    Thanks for your feedback and your feature recommendation. Glad to hear that you have found a workaround for your situation. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Masonry gallery the read more is not working properly’ is closed to new replies.