Problem with product page on mobile only

Topic summary

Issue: On the Meka theme, the product comparison template unexpectedly appeared on product pages only on mobile (not desktop), despite no compare-at price or comparison section being configured.

Recent updates:

  • Store URL shared (turonauto.com.au) and a mobile screenshot provided; images/code were central to diagnosing the issue.
  • Custom code was added to theme.liquid before the tag, which partially removed the comparison template on mobile.
  • A residual grey comparison formatting remained on the left when swiping; the product breadcrumb spilled into that area.

Fixes applied:

  • Additional code was added in the same theme.liquid location to address the layout artifact (exact code not shown in the thread).
  • Breadcrumb CSS updated in Theme settings > Custom CSS: .breadcrumbs__link { flex-shrink: unset !important; } to prevent overflow.

Clarifications:

  • “Breadcrumb” = the navigation trail shown above product content.
  • “theme.liquid” = the main layout file in Shopify controlling global head and structure.

Outcome: The mobile display and breadcrumb issues were resolved. Status: Closed/resolved; no pending questions.

Summarized with AI on December 17. AI used: gpt-5.

Thankyou Dan, much appreciated.

1 Like