top-bar.liquid

{% comment %}
Reach author at [email protected] for any queries!
{% endcomment %}
<div class="devTopbar center">
  <p>{{ section.settings.dev-top }}</p>
</div>

<style>
.devTopbar.center p {
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 7px;
    text-transform: uppercase;
}
.devTopbar.center {
    text-align: center;
    background: black;
}
</style>

{% schema %}
  {
    "name": "Top Bar",
    "settings": [
      {
        "id": "dev-top",
        "type": "text",
        "label": "Top Bar Text",
        "default": "CONGRATS... YOU'VE GOT YOURSELF FREE SHIPPING!"
      }
    ],
    "presets": [
      {
        "category": "Text",
        "name": "Top Bar"
      }
    ]
  }
{% endschema %}