I have a landing page with a different hero text depending on the variant (Screen size).
When I refresh the page on the smaller smartphone variant, I see the content for the desktop view for a moment before I see the correct content for the smaller smartphone variant.
Hey @devs_hub-hub, this is known limitation for screen variants, not exclusive to Plasmic. The workaround for this is to instead of having a single element with different values on the screen variants (1 text element with “Desktop text” and “Mobile text”), create two differente elements and make their visibility change based on the variant (2 text elements).
We are using 2 different components for the Desktop and mobile variants
Could you please send the project in which this is happening?
Are you using the Not rendered
option or the Not visible
option? It makes a difference in this case.
For CSS only changes, you should use the Not visible
option and it shouldn’t flash anymore.