Skip to main content

Where Your Announcement Shows: Placement, Position & Device Targeting

Choose which pages your bar shows on, whether it sits at the top or bottom, when it sticks while scrolling, and which devices see it.

A
Written by Aditya Singh

Quick guide to where and how your bar appears.

Which pages it shows on

  • Every page (default)

  • Home page only

  • All product pages / Specific product page

  • All collections page / Specific collection page

  • Custom position — see below

"All products in specific collections" isn't available yet — use Specific collection page, or pick products individually instead.

Top or bottom

  • Design tab → Positioning → Top Page (default) or Bottom Page.

Sticky bar

  • Keeps the bar on screen while scrolling.

  • Only works with Top position — turning it on with Bottom does nothing.

Device targeting

  • All devices (default) / Desktop only / Mobile only.

  • Cutoff is 768px browser width, checked once when the page loads.

Custom position

  • Select Custom position in the Placement tab.

  • Add the "Oxify Announcement Bar" block to your theme's Header or Footer (Theme editor), and paste your Announcement ID into it.

  • Or paste the code snippet shown in the Placement tab directly into your theme.

  • Skip this step and nothing shows at all.

  • Position, Sticky, and Z-Index settings don't apply here — your theme controls the layout instead.

Z-Index (stacking order)

  • Content tab → Show Advanced Settings.

  • Default: 2147483 (very high, stays on top). Minimum: 0.

Did this answer your question?