Integrate the Countdown Timer Bar to Retina Theme with placeholder option 

1. Select the placeholder option (the last option) under the "position" settings in the App and check "Pin the bar to the position". Then save the bar config. 


2. In the theme.liquid file find <body class="


3. Copy and paste the following lines under it

<div id="ctb_placeholder">
    <script>
      var ctb_adjusted = false;
      $( "#ctb_placeholder" ).on( "ctb_fully_loaded", function(event, p1) {
        if ((p1=='inserted' || p1=='inserted_sticky') && !ctb_adjusted ){
          ctb_adjusted = true;
          var ctb_height = $("#epb_background").height();
          var menu_top = parseInt($("#header").css("top"));
          $( "#header" ).css("top", ctb_height + menu_top + "px");

          var menu_top_2 = parseInt($(".header").css("top"));
          $( ".header" ).css("top", ctb_height + menu_top_2 + "px");
        }
     });

  </script>
</div>


4. Click Save



NOTE: Do NOT forget to select the last option under the "position" settings in the bar configuration in the App, and save the change