Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 25, 2017 at 5:03 am #751699
    cerpnjakjohn

    Hey there Enfold team,

    I have a single-page charity website that’s using the full width masonry grid to display 12 images in 6 columns (2 rows of 6 images) and it looks great on desktop.

    But on mobile it’s a lot of scrolling to get past the 12 images that display in a single column.

    Is there a way to limit the number of images displayed in the masonry grid on mobile? Having something like only the first 4 images from the masonry grid displayed in a single column on mobile would be a much better user experience.

    Any guidance would be super appreciated :)

    John

    February 25, 2017 at 7:49 am #751719
    Jordan Shannon

    Hey cerpnjakjohn,
    You could try and target specific image ids to hide on mobile via css. Perhaps add this to quick css:

    @media only screen and (max-width: 679px) {
div#av-masonry-1-item-90, av-masonry-1-item-89, (additional ids....) { display: none !important; }<br>}

    Let me know if this works.

    Best regards,
    Jordan Shannon

    February 25, 2017 at 9:42 am #751736
    cerpnjakjohn

    Hey Jordan,

    Thanks for getting back to me.

    I added the code to the Quick CSS field in the General Styling section of the Enfold settings to test it out. The images with the IDs 90 and 89 still appear on mobile.

    Any other ideas?

    John

    February 25, 2017 at 9:50 am #751738
    Jordan Shannon

    Hi,

    Could you please provide admin information so I can look into this further.

    Best regards,
    Jordan Shannon

    February 25, 2017 at 10:02 am #751741
    cerpnjakjohn

    Sure, no problem.

    February 25, 2017 at 10:26 am #751742
    Jordan Shannon

    Hi,

    It seems to be working now. The code messed up a little when it was pasted. 

    Best regards,
    Jordan Shannon

    February 25, 2017 at 11:09 am #751748
    cerpnjakjohn

    Oh, I see.

    No div was needed.

    Thanks so much Jordan.

    February 25, 2017 at 11:19 am #751749
    Jordan Shannon

    Hi,

    No problem. If you need additional assistance let us know.

    Best regards,
    Jordan Shannon

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