So in general for body and HTML, you will need to do this always, if the exported code has it.Īlso, if an element, that performs an interaction/animation, has this ‘data-w-id’, you will need to add the corresponding code to it.īecause of that, is preferable to create the animation related to classes and not to element id. IX 2 Fix for if you have different interactions at different breakpoints Window.Webflow & ('ix2').init() ĭocument.dispatchEvent(new Event('readystatechange'))

Concept of design for Studio is based on the FLAT design and finally it comes out with a clean and neat design. $('html').attr('data-wf-page', '60160707a2b63e0b44131c8f') Studio is the new premium and fully responsive Bootstrap 5 admin template. $('html').attr('data-wf-page', 'PAGEIDFR…īut it does not solve my problem entirely. IX 2 Fix for loading animations when the site loads I’d be interested if someone has a better idea on how to do this, but for now this works fine for me: Reinitialize Webflow IX2 Animations & InteractionsĪlso just FYI, I was having problems when using different interactions at different breakpoints so to combat this I made an event listener with a debounce for 500ms for when the page resizes to re-initiate the interactions: This free Bootstrap 4 template has it all in store for you to use it either out of the box or a slightly improved version.

Bootstrap 4 studio