Skip to main content

Quick Answers: Common Questions We Get Asked

Fast answers to the questions our support team hears most often — Announcement ID, speed settings, custom placement, overlapping elements, and sticky bar height.

A
Written by Aditya Singh

Fast answers to the questions our support team hears most often.

Where do I find my Announcement ID?

  • Open the announcement → go to the Placement tab.

  • Scroll to the Announcement ID section — it's always shown there, regardless of your placement setting.

  • Click the clipboard icon to copy it.

  • Just created the announcement and haven't saved it yet? Save first — the ID only appears after that.

My scroll/rotation speed number doesn't match real seconds — is that normal?

  • Yes. Running Line scroll speed (1–50) is a relative dial, not literal seconds — higher number = slower scrolling.

  • Rotating announcement "Display duration" (2–20s) is the total time for one full cycle through all your slides, split evenly — not the time each slide shows individually.

Can I place the bar right under my header instead of at the very top?

  • Yes, using Custom position: select it in the Placement tab, then add the "Oxify Announcement Bar" block to your theme (Header or Footer section) exactly where you want it, using the Announcement ID above.

  • The built-in Top/Bottom position options always place the bar at the very edge of the page — Custom position is the only way to put it somewhere specific, like just below your header.

My bar overlaps or covers another element (cart drawer, popup, chat widget) — what do I do?

  • The app automatically adjusts spacing for your theme's own sticky header — but it doesn't know about third-party elements like cart drawers, chat widgets, or cookie banners.

  • Try raising or lowering your bar's Z-Index (Content tab → Show Advanced Settings) so it sits above or below the conflicting element as needed.

  • If that doesn't fully resolve it, contact support — some theme layouts need a small custom CSS adjustment.

Can I control the height of a sticky bar?

  • Not directly. There is no height field and no Spacing section in the app — the bar's height comes from your font size plus the built-in top/bottom padding.

  • To make it shorter or taller, either change the font size, or use the Custom CSS field to override the padding (see the next question).

How do I reduce the top and bottom padding (make the bar thinner)?

  • There is no padding or margin slider in the app settings. This is done with a couple of lines of CSS in the Custom CSS field of the announcement editor.

  • Paste this in and adjust the values:

.ia-announcement-bar {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

  • Lower the px values for a thinner bar, raise them for a taller one. Use 0px to remove the padding completely.

  • Want to shrink the space outside the bar (between the bar and the rest of the page) instead? Use margin:

.ia-announcement-bar {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

  • Save and refresh your storefront to see the change. If it doesn't apply, make sure !important is included — some themes set their own padding.

Related

  • Troubleshooting: Why Isn't My Announcement Showing?

  • Where Your Announcement Shows: Placement, Position & Device Targeting

Did this answer your question?