Hi Lisa,
I can see the menu is converting to a mobile menu on smaller screens, but your whole site is not behaving responsively right now, so you have to scroll to the right to see the menu.
That’s because you have set “width: 980px !important” on the body, so even on small screens the width of the site will still be 980px. You might want to change that to “max-width: 980px”.
Regards,
Tom
Thank you so much for the quick reply – I made the change you suggested and that made the website look much better on my iPhone – and yes, the menu changes when I resize the window in Chrome. However, the menu on my iPhone is still not converting to the mobile menu – I tried taking all of my styling out, tried clicking the “start fresh” button on the edit css page, and increasing the mobile menu responsive break point – none of this made the mobile menu appear in Safari – any other thoughts?
Hi Lisa,
It looks like Twenty Ten is not responsive – I still have to scroll left and right to see the whole page when my browser is narrow.
You could try this plugin to make your theme responsive: https://ww.wp.xz.cn/plugins/responsive-twentyten/
.. or update to a responsive theme. Twenty Twelve looks similar but is responsive.
Regards,
Tom
Thank you very much! That totally fixed my problem!
