Mobile is all messed up

[ShakenCC]

Was hoping someone could assit me with how to fix how my site looks on mobile. Currently all the text is super scrambled together. On desktop isnt great, but on mobile its all messed up. 

My site is : Shakennotstirredcocktailclub.com

I am using the theme refresh. 

Thanks for your help in advance 

[Made4uo-Ribe]

Hi @ShakenCC 

Im sorry its expected to be messed up. Because of the text inside the image that wont be responsive. Better to add another header or title. Than to add inside the image.  

[mageplaza-cs]

Hi @ShakenCC 

I've reviewed your website and it appears to be displaying normally on mobile devices. Could you please elaborate on the specific issue you're encountering? This will provide me with the necessary context to effectively address your concern.

[Sam_Mahmud]

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.

[INA_MSWEB]

Hi @ShakenCC To fix the mobile view of your site, Shakennotstirredcocktailclub.com, follow these steps:

1. Go to your Shopify admin, navigate to Online Store > Themes, and click 'Customize' on the 'Refresh' theme.
2. Use the mobile preview option to identify the scrambled text areas.
3. In the theme settings, adjust the font size, line height, and spacing for mobile view to ensure text readability.
4.  Reduce padding and margins for text-heavy sections to prevent overlapping.

By improving your mobile site's text layout, you can enhance user experience and drive more sales. For more assistance, feel free to reach out to us.

Regards,

Ina