Notification is covering my header or menu

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;
}

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;
}

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 */
}