> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thetinybell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Notification is covering my header or menu

> Fix notifications that overlap with your website navigation.

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:

```css theme={null}
.tinybell-bar-top {
    top: 70px; /* Adjust to match your header height */
}
```

Or push your header down when the bar is showing:

```css theme={null}
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:

```css theme={null}
.tinybell-close {
    top: 10px;
    right: 10px;
}
```

## For button modals

The floating button may overlap with chat widgets or cookie banners. Change its position:

```css theme={null}
.tinybell-floating-button {
    bottom: 80px; /* Move it up above the chat widget */
}
```