I just coded my own solution to this issue and did my best to make it open source/freely usable. There's a bug I identified where some of the followup loading of events duplicates a select few events (consistently the same events, but seemingly random choices).
Basically, when the list of events reaches the end (within viewport), the JSON API is called to load the next 30 events, and those are appended to the list, and so on, and so on.
LMK if you used it and if you have any questions!
Direct link: https://github.com/ezraeinhorn624/sqs/tree/main/moreThanThirtyEvents
@tuanphan Can you expand upon this? What custom CSS would turn the link text into an icon? I understand how to do this in 7.0 using code injection, but that feature has been removed in 7.1 (which is exceptionally aggravating).
I don't personally need to use a search icon in my header, but I do need to use a socials icon (Instagram), as the default way of doing this in 7.1 (Header > Element > Social Links) puts the icon way outside of where it needs to be, and isn't adjustable.