Step 1: Select the placeholder option
- Select the last option under the "position" setting in the bar configuration in the App
- Scrolling to the very end, and click the "Save" button to save the change

Step 2: Add the bar
- Go to Admin > Online Store > Themes
- Click the "Actions" button on the right-hand side, and select "Edit code"
- Find header.liquid from the left-hand side file list and open it
- Find <div class="header-wrapper
- At top, add the following code after it and save the changes.
<div id="ecb_placeholder"></div>

Step 3: Add the CSS
- Find theme.scss.liquid from the left-hand side file list and open it
- At the end of the file, add the following code and save the changes.
#ecb_background{z-index:22!important;}