Website looks horrible on phone - everything is really big

[estiekn1fes]

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?

[Moeed]

Hey @estiekn1fes 

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

Best Regards,
Moeed

[estiekn1fes]

Hello @Moeed,

Thank you for the quick reply! Much appreciated.

The URL is www.helioux.com

[Moeed · Accepted solution]

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 </body> tag

<style>
@media screen and (max-width: 767px) {
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5, a, span, b {
    font-size: 13px !important;
}
}
</style>

RESULT:

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

Best Regards,
Moeed

[estiekn1fes]

Thank you so so much! It helped.

[NicTheCat]

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?

[Moeed]

Hey @NicTheCat 

Can you share your Store URL and Password if enabled?

Best Regards,

Moeed

[VDGama]

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