TreStack Follow the build

Docs, When something is wrong

When the timer shows in the wrong place or looks wrong

Automatic spots, custom positions, fonts, a bottom bar over the footer, and a storefront showing an old version. What to check, in order.

All docsAsk a person
Category
Troubleshooting
Updated
26 September 2026
Applies to
TreStack Timer, every plan

The timer is in the wrong place

Automatic spots are fixed per timer type: the end of the Add to cart form for a product timer, the top or bottom of the page for a bar, the top of the page content for a landing timer, and the top of the cart and cart drawer for a cart timer. There is no margin to adjust on them.

For anywhere else, set the timer to Custom position and place the app block. The block renders exactly where it sits among your theme sections, so move the block rather than adding space around it.

It looks different from the preview

The preview and the storefront use the same rendering code, so a difference usually comes from the font. System fonts only show if the shopper device has them installed, and otherwise fall back. The bundled web fonts load wherever the timer shows, and Use your theme fonts follows your theme.

A background image has to be in your Shopify Files, which is where the app uploads it. A suggested image from the library is imported there too.

Bars and the page around them

A bottom bar pads the bottom of the page by its own height, so it does not cover your footer. Sticky is an option for a top bar only. If your theme has its own announcement bar, decide which one carries the message while the timer runs.

The timer is added once the page has loaded, so on some themes the content below it moves down a little as it appears. In our measurement on Horizon, layout shift was the same with and without the app. If it is noticeable on your theme, send us the URL.

The storefront shows an old version

A publish reaches your storefront after a short delay. Reload, then try a private window to rule out your own browser, then clear any page cache app in front of your storefront. For a per visitor countdown, remember an edit starts every visitor again, which can look like the old timer coming back.

Fixing the appearance, in four steps.

In order. Each step assumes the one before it is finished, so skipping one is how the last step fails for a reason that looks unrelated.

  1. Step one

    Reload in a private window

    This clears your own browser from the picture before you look at anything else.

  2. Step two

    Decide automatic or custom

    If the automatic spot is wrong for your page, switch to Custom position and place the block.

  3. Step three

    Check the font

    Use your theme fonts or a web font, rather than a system font the shopper may not have.

  4. Step four

    Check on a real phone

    A resized desktop window is not the same as a phone. Send us the URL if it is still wrong.

Settings reference

The controls this page touches, with what each one does and the default the app ships where there is one.

Automatic spots
Fixed per timer type. Use a custom position for anywhere else.
App block position
Where the block sits among your theme sections. Move the block, not the margins.
Fonts
Theme font, a bundled web font, or a system font that shows only where the device has it.
Bottom bar
Pads the page by its own height so the footer stays visible.
Sticky
Top bar only.
Accessibility
The clock is marked as a timer, so a screen reader reads it with unit names when the shopper reaches it rather than every second. The bar is a named region with a labelled close button, in English only for now.

If this does not work

The failures most likely on this procedure, with the check that resolves each one. If none of them fit, we would rather have the store URL than a guess.

Send us the store URL
The timer overflows sideways on a narrow screen

Try the Inline layout or smaller digits first. If it still overflows, that is ours to fix: send the URL and the timer name.

You cannot tell whether another app is interfering

Duplicate your theme, turn on only our app embed in the copy, and preview it. If the copy is clean, turn the other apps back on one at a time. It is slower than guessing and it ends with an answer.

Keep reading

When something is wrong has 2 pages. The rest of the docs index is one click away.