I’ve been able to manage getting the interactions and display: none to work correctly on the Designer but once I preview or publish the Subscribe form appears and the display: none is ignored.
Here is my public share link: https://nacelle-dev3.webflow.io/blog
(how to access public share link)
Hi @courtneyctrue!
Can you share a read-only link for your project? I’d be glad to take a look.
Thanks Blake!
Here you go: Read Only
Thanks! I believe you just need to move your animation from “When page starts loading” to “When page finished loading”.
The timed pop up was added more recently. I was still having issues with the module before any animations occurred. It would not stay hidden for me on display: none.
I’m not seeing any interactions that could be affecting the element but the fact that it’s showing up in the Designer preview and the fact that it’s appearing as an inline style on the live site makes me think this may be a bug:
If you haven’t already I’d recommend reaching out to Webflow Support either in the Designer (by hovering over the ? icon, clicking Help & Feedback, and then clicking the “Send us feedback or a help request” link) or by visiting the link below:
Webflow Customer Support | Webflow University
Sorry I can’t be of more help, but hopefully they can either confirm the bug or point you in the right direction 
I have a very similar - if not exactly the same - problem. And from all I know about HTML and CSS it has to a bug.
To explain it:
I had a footer with an image. And during the design process I wanted to remove the image. So in the first step I gave the “FOOTER IMAGE WRAPPER” a display-none attribute (see Screenshot 1).
=> The image wasn’t displayed in the Designer any more 
Then I published the site. - And even though the CSS code of the published site clearly showed the display-none attribute of the FOOTER IMAGE WRAPPER, the image was still visible (Screenshot 2) 
Then I tried it in a more consequent way and deleted the entire FOOTER IMAGE WRAPPER in the Webflow Designer.
=> In the Designer the element and the containing image weren’t displayed any more (of course) (Screenshot 3)
Then I opened again the published site (as always in a private browser window)
=> The HTML code of the site clearly shows that the FOOTER IMAGE WRAPPER isn’t there any more. But the the image is STILL there VISIBLE in the browser (Screenshot 4)
Replying to myself:
SORRY. SORRY. SORRY. It was my mistake. And I found what I did wrong. Due to some reasons I had the Footer Image Wrapper twice in my Footer. Nested inside different elements. And I always set the display-none attribute only to one of these Footer Image Wrappers.
So Webflow, HTML and CSS thankfully works as it should
I resolved this issue when I unchecked “set as initial state” in the first step of my close animation. Unintuitively, it seems that setting initial state in an animation will set CSS on the element using inline styles at page load time (not simply mark the step in the animation as the initial step, as I inferred).
