For context, you can watch this: 2025-06-30_08-25-17 - TechSmith Screencast. The ‘Navigation’ header displays/hides properly, and the code looks like:
{
"type": "customer_bar",
"name": "t:sections.header.customer_bar.label",
"limit": 1,
"settings": [
{
"id": "customer_bar",
"type": "select",
"label": "t:sections.header.customer_bar.content",
"options": [
{
"value": "text",
"label": "t:sections.text.title.label"
},
{
"value": "menu",
"label": "t:sections.header.navigation.content"
},
{
"value": "social",
"label": "t:settings_schema.social.name"
},
{
"value": "liquid",
"label": "t:sections.product.blocks.liquid.label"
}
],
"default": "text"
},
{
"type": "header",
"content": "t:sections.text.title.label",
"visible_if": "{{ block.settings.customer_bar == 'text' }}"
},
{
"id": "customer_text_desktop",
"type": "inline_richtext",
"label": "t:sections.general.text.label",
"default": "t:onboarding.html.announcement.desktop_html",
"visible_if": "{{ block.settings.customer_bar == 'text' }}"
},
{
"id": "customer_text_mobile",
"type": "inline_richtext",
"label": "t:sections.header.announcement.text_mobile.label",
"default": "t:onboarding.html.announcement.mobile_html",
"info": "t:sections.header.announcement.text_mobile.info",
"visible_if": "{{ block.settings.customer_bar == 'text' }}"
},
{
"type": "header",
"content": "t:sections.header.navigation.content",
"visible_if": "{{ block.settings.customer_bar == 'menu' }}"
},
{
"id": "menu",
"type": "link_list",
"label": "t:sections.footer.blocks.menu.name",
"info": "t:sections.footer.blocks.menu.info",
"default": "footer",
"visible_if": "{{ block.settings.customer_bar == 'menu' }}"
},
{
"type": "header",
"content": "t:settings_schema.social.name",
"visible_if": "{{ block.settings.customer_bar == 'social' }}"
},
{
"type": "paragraph",
"content": "t:settings_schema.social.info",
"visible_if": "{{ block.settings.customer_bar == 'social' }}"
},
{
"type": "header",
"content": "t:sections.product.blocks.liquid.label",
"visible_if": "{{ block.settings.customer_bar == 'liquid' }}"
},
{
"type": "liquid",
"id": "liquid",
"label": "t:sections.section.titles.liquid.content",
"default": "<span>{{ shop.name }} | {{ powered_by_link }}</span>",
"visible_if": "{{ block.settings.customer_bar == 'liquid' }}"
}
]
},
Another Theme Partner had a similar issue, and added this to another post: Visible_if - expand to include heading/paragraphs - #8 by Gideon