Mobile is all messed up

Store Feedback

Topic summary

Mobile view reportedly shows scrambled/overlapping text on Shakennotstirredcocktailclub.com using Shopify’s Refresh theme; desktop is also not ideal.

  • Likely cause identified: text embedded inside images, which doesn’t scale responsively on mobile. Recommended to move copy into theme headers/titles instead of placing text within images.
  • Contrasting observation: another reviewer saw the site rendering normally on mobile and asked for more specific examples to pinpoint the issue.
  • Practical fixes proposed: in Shopify admin > Online Store > Themes > Customize (Refresh), use the mobile preview to locate problem areas; adjust mobile font size, line-height, and spacing; reduce padding/margins to avoid overlap.
  • Additional (broader) recommendations: feature Add to Cart on top items, add live chat, social icons, home‑page reviews, set up conversion tracking (Facebook Pixel, GA4), and analyze customer behavior.

Status: No confirmed resolution. Next steps are to share concrete examples of affected sections and apply mobile typography/layout changes, prioritizing removing text embedded in images.

Summarized with AI on December 25. AI used: gpt-5.
4

Hello ShakenCC ,

You have made a beautiful website. yet you have something to work on

  1. keep add to cart button with featured on the most sold items on the homepage.

  2. Integrate live chat option for dedicated support

  3. Add social media Icon and increase social media activities

  4. Add customer reviews on the home page to gain the trust of the customer

  5. Set up conversion Tracking setup like facebook pixel, google analytics4 and so on

  6. analyze customer behavior and make marketing strategy.

Hope for the best.

feel free to ask.