DUPLICATE: Instagram Element Safari Issue

[michael1976]

Browser: Safari 16.6 & Chrome117
OS: macOS

I’ve noticed some issues with the Instagram element when editing a page in Safari.

1. The image ratio does not alter the image size, and the default image is stretched outside the container in Safari
2. When I alter the number of posts in either Safari or Chrome it will not save the different amounts correctly. For example, if I set the number of posts for a desktop to 6 and then change the mobile to 4, the desktop amount is changed to 4 and vice versa.

Many Thanks

Michael

[timmse]

Hi Michael,
Thanks so much for your report.

The Safari problem (1) has already been reported:

SOLVED: Incorrect Instagram Images Dimensions (Instagram Feed Element)

Hi All, I’ve added the new Instagram Feed element to my site, but the dimensions are incorrect on physical mobile devices. In the builder and through mobile (emulator via developer mode in Firefox), it displays correctly. I’ve all browsing data and tried different mobile browsers (in my case, Firefox & Safari), but I keep getting the same result. When reducing the columns down to 1 on mobile, the images cover their respective elements rather than fit inside their elements. [BricksBuilder] […

2. The number of posts per page is not a CSS setting, so it cannot be changed per breakpoint. You can hide certain posts on specific breakpoints with custom CSS if needed.

I’ll close this thread accordingly.

Best regards,
timmse