Conditional Rendering Troubleshooting

I’m trying to set a text to display in Desktop and tablet, but be hidden when on mobile size. My formula isn’t working. On. mobile, the entire div is hidden. See attached image. What amI doing wrong?

UPDATE: I changed to a simpler conditional display formula. The conditions are working correctly, but the display is not correct on tablet & mobile. I set the conditional display on the TEXT element, yet the entire DIV that the text element lives in is being hidden. See update pic for formula and display results on all 3 breakpoints. What am I doing wrong?

Hi @fredo22 :wave:

Can you share a screenshot of the entire editor page in mobile preview so we can see the div being hidden in the navigator on the left and the formula on the right?

thanks for responding @Joyce I know you must be busy in Paris this week. Wish I could have joined the weweb team (and @raydeck) there. Your screen capture made me realize that I had set display conditions both in “Display” on the Edit tab of the editor, AND in the settings tab in the under under “Conditional Display”. Now that I realized I had it set in 2 places, I’m gonna play around with it a bit more to see if I can get there on my own. I’ll either post my solution, or ask for more help. Have fun this week!

1 Like

Ok cool, keep us posted!

And thanks a lot for your kind words :hugs: I haven’t bumped into @raydeck yet but will be looking for him actively tomorrow! It’ll be fun to connect in real life :grinning:

SOLUTION: It turned out that at one point in my experimentation I had set a conditional render on the div as well as on the text within the div. When I removed that from the div, everything worked as expected.

1 Like

Awesome! Thanks so much for taking the time to share the solution @fredo22. Really appreciate it!