Skip to main content
If a notification bar or popup is covering your website’s header, menu, or other important elements, try these fixes:

For bars (top position)

The top bar may overlap with a fixed/sticky header. Fix with custom CSS:
.tinybell-bar-top {
    top: 70px; /* Adjust to match your header height */
}
Or push your header down when the bar is showing:
body.tinybell-bar-active {
    padding-top: 50px;
}

For modals/popups

Modals should not cover navigation since they have a backdrop overlay. If the close button is hard to reach, adjust its position:
.tinybell-close {
    top: 10px;
    right: 10px;
}

For button modals

The floating button may overlap with chat widgets or cookie banners. Change its position:
.tinybell-floating-button {
    bottom: 80px; /* Move it up above the chat widget */
}