Your launcher and panel use a high default z-index to stay visible on most storefronts. Depending on your theme—especially if you use a drawer or slide-out cart—they may appear above elements you want to prioritize. You can update this with a small CSS change.
Update the z-index with custom CSS
Add the following code to your theme’s main CSS file:
#smile-ui-container, #smile-ui-lite-container { z-index: 1 !important; }
Replace 1 with a value just below the z-index of the element you want to appear on top (for example, your cart drawer or variant selector).
ℹ️ Note: If you still see the old behavior after updating your CSS, try clearing your browser cache. Browsers often store older versions of your theme files, which can delay changes from showing.
Need help?
A developer is the best person to make theme code changes like this. If you’d like clarification before moving forward, our Technical Support team is happy to help through in-app chat. Please note that Smile can’t make code changes directly in your theme.