I have tried adding a z-index to the class active, which toggles when the interaction starts and toggles correctly. But the interaction remains over the first section rather than appearing from under. Does Z-index not work on the headers?
Also my “Ionicons” (added by me by style {content: }) loads in the editor but not on live site. Was just using that as was available on Bricks. Is it not accessible if not selected from icons?
Unfortunately, I don’t understand. Can you please show and explain in a short screencast using https://jam.dev?
The font CSS is only loaded if you select the font on an element. This is not the case within custom CSS/pseudo-content. In this case, you would have to add ionicons manually to the page header scripts:
Thank you for the reply - I think my sound didn’t work in the video: Jam
But basically I have a slidedown element that appears on click. Using interactions I add a class, so that I can add Z-index to try fix the issue. What I want is for the second element to emerge from underneath the top element, rather than above.
Also completely understand about the ionicons. Because it was rendering in the editor I thought was loaded!
On the canvas, we load everything as a lump sum because it doesn’t really matter there. However, it certainly affects performance on the front end. That’s why it’s different there.