Re: Mobile is all messed up

Mobile is all messed up

ShakenCC
Tourist
12 0 3

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 

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
9033 2160 2664

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.  

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

mageplaza-cs
Shopify Partner
186 13 32

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.

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

Sam_Mahmud
Shopify Partner
255 11 13

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.

Your COFFEE TIP! Can Create something incredible!
Require Assistance with website design or enhanced conversion tracking Via Google Tag Manager GTM ?
sam.analyst4@gmail.com! or WhatsApp!
Solved? accept it as solution with like

INA_MSWEB
Shopify Partner
1281 144 167

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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin