Hiding and revealing elements in responsive design

Here is the conditional I am using to show elements in a reusable navigation bar, so that they hide on smaller screens, replaced by icons.

But when I take it out of responsive, it looks like this:

It hides all the elements I want revealed when the screen is larger. It does the same when I open the pages that contain the navigation bar. Why does it appear to work like I want it to in responsive but not in the UI builder or the preview?

If the element is not visible by default then it will be hidden in the UI builder. But you can click the eye icon in the element tree to make it visible. What does it look like when you preview the app?

That worked, thank you!