Website looks horrible on phone - everything is really big

Hello,

My website looks really big on a mobile phone and I cannot get it any smaller. I already tried some CSS (not the best with that) but asked ChatPGT for a CSS. However, it does not affect the site.

Could someone help me out, please?

Hey @estiekn1fes

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Hello @Moeed ,

Thank you for the quick reply! Much appreciated.

The URL is www.helioux.com

Hey @estiekn1fes

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


RESULT:

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

Best Regards,
Moeed

Thank you so so much! It helped.

Hi @Moeed

Perhaps you can help me, I have a similar problem:

I would like to know how to fit this wide menu on the mobile version.

Any suggestions?

Perhaps I can:

  1. Change the location of the country/region selector - e.g. remove it from the header and place it somewhere else? How if it doesn’t appear in the footer and mind you, this is not the basic language selector?

  2. Adjust the width of the header?

  3. Reduce the size of the drop down menu?

  4. Remove the search logo?

Any suggestions please?

Hey @NicTheCat

Can you share your Store URL and Password if enabled?

Best Regards,

Moeed

Hello Moeed,

I have a similar problem that my website looks like zoomed in on Mobile.

If i zoom out to 60% my mobile browser then it looks perfect.

my website is vdgama.com

here are also some img how i would like to have it.

And this is how it looks like now.

would appreciate your help