Streaming live at 10am (PST)

Interaction not initiating on load due to display:none


#1

Hi,

I'm having trouble getting an interaction to run on page load. The culprit is a heading nested within a full page container, which is set to display:none, and is only displayed when the info icon is selected in the top right hand corner, I suspect this to be causing the issue.

The desired effect can only be seen when the AboutOverlay container is set to display:block, the heading should look something like this horizontally scrolling text on here: http://sgustokstudio.com/

Any idea's? :slight_smile:

https://preview.webflow.com/preview/ethanearle?preview=91ae1c518640bc7a13bf6ced277300d5


#2

Hi @ethanje, I would try adding a display block as the first step of the About interaction in the Areas step:

I tried that and it seem to solve that, as the first step forces the element to display block.

I hope this helps.


#3

Hi @cyberdave, thanks for the suggestion!

I'd managed to get it to display the scrolling text, but only on first click. When the AboutOverlay is closed and reopened, it jumps to -2000 left and is static, you'll be able to get a better idea of what I mean on the live version of the site: http://ethanearle.com/

Cheers


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.