Inksoft designer embed on mobile not working correct

Shopify Discussion

Topic summary

Inksoft designer embedded in a Shopify store functions on desktop after widening the container, but on mobile the full color swatch library does not appear, preventing users from changing colors of text or clipart (only original colors are available).

  • Context: Desktop initially had layout issues; a CSS adjustment to widen the container fixed that. Store URL: www.usadtftransfers.com.
  • Attempted fix: A CSS media query for screens ≤989px that removes left/right padding on a specific .page-width… selector was tried; it did not resolve the missing swatch library on mobile.
  • Impact: Mobile design functionality is limited due to the unavailable color options.
  • Support: The merchant reports no support from Inksoft so far.
  • Status: Unresolved and seeking help; code snippet and embed behavior are central to the issue.
Summarized with AI on January 21. AI used: gpt-5.
1

I embedded the Inksoft designer in my store and the designer does not work right on mobile, It was not working right on desktop until someone gave me a code to make the container on the page with the embed wider. They gave me this code to try and fix mobile but it did not work.

@media only screen and (max-width: 989px) {
.page-width.page-width–narrow.section-template–20431560966459__main-padding {
padding-left: 0px;
padding-right: 0px;
}
}

www.usadtftransfers.com

If you design something on desktop you will see that you can change the color of the text or clipart you add. On mobile though the full color swatch library isn’t showing so you can only use the original colors on the text or clipart.

I hope someone can help. I am not getting any support from Inksoft.