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