> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.makeprosimp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How Does Z-index Affect the Popup and Cart Drawer?

The Z-Index value can be adjusted as needed to control the display position of notifications, allowing them to appear either in front of or behind other store elements such as the cart drawer.

## For Shopify

[![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/1/a/b31a5d0521d31800/shopify_1b3bsa3.png)](https://storage.crisp.chat/users/helpdesk/website/-/b/3/1/a/b31a5d0521d31800/shopify_1b3bsa3.png)

Please follow the steps below:

1. Click on ToastiBar - Sales Popup → Notifications.
2. Click on the Sales Notification.
3. Click on the Design Settings tab.
4. Scroll down to the Mobile Settings section.
5. Find the Z-Index option.
6. Increase/decrease the Z-index values to set the position of the notification popup with respect to the cart drawer or other elements of the website.

## For Wix & Shopline

[![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/1/a/b31a5d0521d31800/wix-shopline_7cd1qx.png)](https://storage.crisp.chat/users/helpdesk/website/-/b/3/1/a/b31a5d0521d31800/wix-shopline_7cd1qx.png)

Please follow the steps below:

1. Click on the Sales.
2. Click on the Design Settings tab.
3. Scroll down to the Mobile Settings section 
4. Find the Z-Index option.
5. Increase/decrease the Z-index values to set the position of the notification popup with respect to the cart drawer or other elements of the website.