Split Theme Integration - CTB

Step 2: Add the bar

1. Go to Admin > Online Store > Themes
2. Click the "Actions" button on the right-hand side, and select "Edit code"
3. Find header.liquid and open it
4. At the very top of the file, add following code and Save the changes

<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();

        $("<div />", {html: '<style>' + '#epb_background{top:0;z-index:8000 !important;}#site-header{top:' + ctb_height + 'px !important;}' + '</style>'}).appendTo("body");

      }

      $("#epb_close").on( "click", function(){

        $("<div />", {html: '<style>' + '#site-header{top:0px !important;}' + '</style>'}).appendTo("body");

      });

    });

  </script>

</div>

 

Enjoy the app