I've used Kap to screen record the animation for use elsewhere. Kap is a great, free screen recording app. Hope that helps. These new background art options are all dynamically generated so there's not really anything to download other than code.
I came here to ask about the same thing. I'm more interested in implementing this sort of thing for faster loading times as I have a lot of GIFs on a site I'm working on.
I've come across this plug-in but it's more than I'd want to spend without knowing for sure it would speed things up. https://sqskits.com/plugins/lazy-loading-images-for-squarespace/
Did you end up finding a solution?
h1 {
font-family: "font-name";
overflow-wrap: normal;
}
Welp, here's my solution. Using "overflow-wrap: normal;" in my H1 solved it. Hope this helps other folks.
I haven't come across an adequate solution in the forum for preventing words from breaking to another line on mobile. In my case a single letter of a headline is breaking to another line. Thanks for the help, gang.
If I somehow missed this solution in another post, let me know. Thanks again!
For those asking about Hamburger thickness —
Adding this code to Custom CSS worked for me on 7.1
*Edit height to whatever you want, default is 1px
.burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun {
height: 1px;
}