Why does my sliding announcement bar keep disappearing?

[DAGNORAK]

Greetings all, I’ve finally found a way to code a rolling announcement bar but now I have the issue that it keeps disappearing!! (Dawn)
When I edit my store I can see it in sections, then I tick “show” and fill in the messages and once I hit save it disappears and doesn’t show. Can anyone point me to the issue ? Thanks I’ll attach all info

ANNOUNCEMENT BAR LIQUID :

{%- if section.blocks.size > 0 and section.settings.show_announcement_bar -%}

{%- for block in section.blocks -%}

{{ block.settings.message }}

{%- endfor -%}

.zwk-announcement-bar{ background:{{section.settings.colorBackground}}; position: relative; overflow: hidden; } div#shopify-section-Announcement-slider { text-align: center; } .zwk-announcement-bar .zwk-message{ text-align:center; color:{{section.settings.colorText}}; font-size:{{section.settings.font_size}}px; text-transform:{{section.settings.mobile_thumbnails1}};

}
.zwk-announcement-bar .swiper-button-next:after, .zwk-announcement-bar .swiper-container-rtl .swiper-button-prev:after,
.zwk-announcement-bar .swiper-button-prev:after, .zwk-announcement-bar .swiper-container-rtl .swiper-button-next:after{
font-size: 15px;
color:{{section.settings.colorText}};
}
{%- if section.blocks.size < 2 %}
.zwk-announcement-bar .zwk-swiper-button{display:block!important;}
{%- endif -%}

{%- endif -%}

{% schema %}
{
“name”: “Announcement slider Bar”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_announcement_bar”,
“label”: “Show”
},
{
“type”: “checkbox”,
“id”: “autoplay”,
“label”: “Autoplay”
},
{
“type”: “text”,
“id”: “delay”,
“label”: “Delay between transitions (in ms)”,
“default”: “5000”
},
{
“type”: “color”,
“id”: “colorBackground”,
“label”: “Background color”,
“default”: “#ffffff”
},
{
“type”: “color”,
“id”: “colorText”,
“label”: “Text color”,
“default”: “#000”
},
{
“type”: “range”,
“id”: “font_size”,
“min”: 12,
“max”: 50,
“step”: 2,
“unit”: “px”,
“label”: “Font size”,
“default”: 14
},
{
“type”: “select”,
“id”: “mobile_thumbnails1”,
“label”: “Text transform”,
“options”: [
{
“value”: “uppercase”,
“label”: “Upper case”
},
{
“value”: “lowercase”,
“label”: “Lower case”
},
{
“value”: “Capitalize”,
“label”: “Capitalize”
}
]
}
],
“blocks”: [
{
“type”: “header”,
“name”: “Message”,
“settings”: [
{
“id”: “message”,
“type”: “text”,
“label”: “Enter your text”
}
]
}
]
}
{% endschema %}