Use the Responsive Embed code (not the basic iframe). The responsive embed includes JavaScript that auto-resizes the player height to match its content.
However, the player's width is controlled entirely by the container you place it in on your website builder. If the player looks squished, clipped, or has truncated text on mobile, the issue is almost always that the embed component on your site is too narrow.
To fix this in your website editor:
- Select the HTML embed or custom code component that contains the SoundToggle code.
- Make sure its width is set to 100% or matches the content width of your page — not a fixed pixel value.
- Switch to your editor's mobile preview or mobile editor view and verify the component spans the full screen width there as well. Many website builders (Wix, Squarespace, etc.) let you set separate desktop and mobile widths.
The SoundToggle player is fully responsive and will adapt to whatever width you give it. If you're using the basic iframe embed and experiencing sizing issues, switch to the Responsive Embed code instead — it handles height auto-adjustment automatically.