How can I make my mobile friendly site friendlier?

Hi there!

My Illdy mobile website is working, but I’m wondering how I can modify it so it works better. I’m looking to make sure each page fits the screen size automatically. Each time I visit the site, I have to horizontally scroll over to find the menu. I also have to zoom out to see the entirety of the page.

My site is amichai.me.

Thanks so much for your help!

Hello there,

I hope you are doing well today.

Have you added any new code or made any changes to the mobile version of the theme? This information would be useful as we move forward.

Best Regards,
Support

Thanks for your swift reply, Support!

Here is code I found in your earlier support chats about mobile versions that I have used to make slight improvents:

@media only screen and (max-width: 480px){
#header .bottom-header h2 { font-size: 30px; line-height: 1.2; }
.top-header img { width: 200px; }
#header .bottom-header { padding-top: 50px; padding-bottom: 50px; }
}

The site is still to wide for a mobile version.

Thanks so much!

Haven’t heard from you guys! Looking to make these improvements soon… Any thoughts? Thanks!

Here there,

Thank you for keeping in touch.

Commingling your site to our demo, it would seem that you’ve made some modifications to the home template.
Please not support doesn’t cover extensive customization of the theme.
If you do indeed added custom code or modified the theme please revise your implementation.

Also be sure to do a backup of your website before you apply any major changes.

Best Regards,
Support.