> ## 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.

# How do notifications look on mobile?

> Mobile-responsive notifications that adapt to small screens.

All TinyBell notifications are mobile-responsive. They automatically adapt to smaller screens.

## Mobile behavior

* Modals and popups scale down to fit the screen width
* Bars appear at the top or bottom of the mobile viewport
* Button modals appear as a small floating button
* Images resize proportionally

## Mobile-specific settings

You can create notifications that only show on mobile devices, or only on desktop. Use the **Device targeting** rule in your notification settings.

## Preview

Always preview your notifications on mobile before going live. Use the device preview in the notification editor, or open your website on your phone after enabling the notification.

## Tips

* Keep text shorter on mobile (less screen space)
* Use larger buttons (easier to tap)
* Avoid full-screen modals on mobile (they feel intrusive)
* Test your booking engine redirect on mobile too