Edit Z-Index of Trustpilot widget in relation to menu on mobile

Store Design

Topic summary

A Trustpilot widget is appearing above the mobile navigation menu due to z-index conflicts.

Initial Solutions Proposed:

  • Add CSS to theme.css.liquid setting the mobile menu’s z-index to 9999
  • Adjust the widget’s z-index directly in the TrustPilot app settings by navigating to Widget management and changing the “Widget stacking order” from the default 1000 to 0

Additional Issues Identified:

  • One user reports the opposite problem: the widget displays correctly on desktop but doesn’t appear at all on mobile phone screens (using Dawn theme version 12)
  • Suggested troubleshooting includes inspecting the widget in browser mobile mode to identify CSS rules that may be hiding it at smaller screen sizes, checking for ad blockers, or investigating potential caching issues

Status: The discussion remains open with ongoing troubleshooting for different manifestations of the z-index/visibility problem.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
4

Late answer, but for anyone else looking for a fix to this: you don’t need to adjust your own theme’s CSS (there may be more than just the navigation that the TrustPilot widget overlaps):

For some reason TrustPilot’s widget has a default z-index of 1000. All you need to do is go into the TrustPilot app, click to manage Widgets, and select the widget you’re having an issue with. On the left-hand side will be a list of various options, and one of those will have a title like ‘Widget stacking order’ and a default value of 1000. Change this to 0 (which is the default value for z-index) and it should now appear just fine.