Hi,
I am using @media CSS to make a mobile website.
I have set the “max-width” to 450px and removed the side navigation bars and changed the top navigation bar and all widths in the @media CSS are set below 450px.
If you go to:
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.activegps.co.uk%2Findexmobile.htm
you will see that Google does not like my mobile website. What am I doing wrong?
Have I got the max-width wrong?
Matt.
What you did is not enough.
Your site still wider than screen on mobile devices.
Top menu, footer, product description - these elements remain too wide.
Add another rules for them.
As said above, you haven’t accounted for all of your elements in your @media rules. It’s best to do the @media rules along with the desktop layout, as it’s otherwise too easy to forget to change widths and other settings on a lot of elements.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.