Website design on Mobile Device is not user friendly

Store Design
,
1

I’m about to send an email to my email list with a link that brings them to the page to sign up for SMS, when I realized that page looks so bad on mobile and is not user friendly!

IMG_8033.PNG
IMG_8033.PNG828×1792 151 KB

I went to my theme editor and went to this page and this is not what the preview looks like so I’m not sure what I can do through my theme editor. I also found a different discussion that suggested adding this line of code to the liquid code, but that didn’t help either.

Any tips on fixing this? It looks like a sizing issue because just have to Zoom in on the page to make it full size to mobile, but I don’t want customers to have to do that.

2

Hi @idigit ,

Can you provide me the link to your page? I will review it and give you a feedback..

Thank you

3

Hey!

Here’s the link to my online website: https://dignitycoconuts.com/

4

Is the link to my website what you’re wanting?

Here’s the link to my online website: https://dignitycoconuts.com/

5

I reviewd the homepage and found that this page is already responsive. If you are talking about any other page, please let me know.

6

Here’s the page that my phone screenshot was from: https://dignitycoconuts.com/pages/sms

As you can see, half the page is empty white space and also doesn’t show a menu tab to click on other pages.

7

Hey! Wondering if you’ve had a chance to check on the other page? Here’s what I wrote:

Here’s the page that my phone screenshot was from: https://dignitycoconuts.com/pages/sms

As you can see from my screenshot in the original post, half the page is empty white space and also doesn’t show a menu tab to click on other pages.

8

Hi @idigit ,

Sorry for no reply. I thought i had repplied on this thread. The page on the mobile device is not responsive. You can add below CSS to make them full width. However, it will require more time to make it fully responsive.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,

Makka