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
z-index: 900 !important;
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: