Integrate the Quick Announcement Bar to Supply Theme with placeholder option 

1. Select the last option under the "position" settings in the bar configuration in the App, and save the change

2. Shopify Admin -> Online Store -> Themes -> Edit HTML/CSS, please find <header class="site-header" role="banner"> in the theme.liquid file. Then, copy and paste this line <div id="qab_placeholder"></div> above it in a new line.


3. Click Save

4. Open the timber.scss.liquid file, copy and paste the following code at the bottom of the file
#qab_background{
z-index: 900 !important;
}

 

5.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

 

In case you are using an older version of the theme, this will be where you put the placeholder: