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

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

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.

Updated on: 25/05/2026