ACF True/False Condition Not working as expected

Hi team,

I’ve set up 3 divs in my off canvas menu that should show or hide based on an ACF True/False options field. They are not working as I would expect.

I tried setting up the condition in these two ways, but it didn’t work:


Then I set it up like this and thought that it was working:

But I was just going over my handover documentation and realised that it wasn’t. Ie. the div for the “Restore Your Core” class is showing in the menu, but the true/false field is toggled to NO. Whereas the div for the “Functional Mum” class is NOT showing in the menu and the true/false field is ALSO toggled to NO.

What is the correct way to setup the conditions for this. I want the DIVs to SHOW when the toggle is set to TRUE/YES and to not show when it is set to FALSE/NO.

Can you please advise?

Thanks,
Ashley

Note that I am working on the header called “Nav Bar” and these are the DIVs that i’m looking at:

1 Like

Hello @texaskiwi13,

Thanks for writing to us.

I would suggest you please set the using “0 and 1” which represent the false/true respectively. Please have a look at this screenshot for the conditions.

Hope it helps
Thanks

1 Like

Thank you! I knew it would be something super easy like that!

Hi @texaskiwi13,

Glad that we are able to help you.

Thanks