> For the complete documentation index, see [llms.txt](https://docs.ninjateam.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ninjateam.org/notibar/tutorials/how-to-show-different-notibar-content-on-desktop-and-mobile.md).

# How to Show Different Notibar Content on Desktop and Mobile

If you are planning to display individual content on both desktop and mobile, keep reading. Here, we will show you how to show different Notibar content on desktop and mobile without creating additional bars!

First things first, [install and activate the plugin on your WordPress website](https://ninjateam.gitbook.io/notibar/getting-started/how-to-install). Once you are done with that, [activate the license key](https://ninjateam.gitbook.io/notibar/getting-started/license-activation-guide).

Now you need to [create a new notibar](https://ninjateam.gitbook.io/notibar/tutorials-and-use-cases/how-to-display-a-notification-bar-in-wordpress).

Under the content options, you can see a button to enable different content for mobile devices.

<figure><img src="https://2063119859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F35jzYIZxvumkpSJGtFtc%2Fuploads%2FvEfcvCnwGqZsRGzwgN7L%2Fdifferent%20content%20on%20mobile.jpg?alt=media&amp;token=7dec47b8-5589-47b3-ad04-bdafa7965b4b" alt=""><figcaption></figcaption></figure>

Enable that option. When enabled, your mobile visitors will see a completely different Notibar content and button.

You can tweak the content and the button to suit your liking.

<figure><img src="https://2063119859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F35jzYIZxvumkpSJGtFtc%2Fuploads%2FcJNRk3FvfRajs81LGl01%2Fmobile%20content.jpg?alt=media&amp;token=47f5e300-3b71-412e-8c38-90d24ff026a7" alt=""><figcaption></figcaption></figure>

You can also switch to the mobile view to see the live result:

<figure><img src="https://2063119859-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F35jzYIZxvumkpSJGtFtc%2Fuploads%2FrJNc8PcivlFJSieSpMzc%2Fmobile%20view.jpg?alt=media&amp;token=2595b9af-0b83-4b0a-850b-bcf7e8a56739" alt=""><figcaption></figcaption></figure>

Once you are done with the customization, publish the changes. From now on, the Notibar plugin will display different content on desktop and mobile devices.