Responsive Curve Mod

[Skhilled]

This officially supported mod released by SMF is in response to a new "mobility-friendliness" check that Google has put in place. This mod should address those issues. But it may or may not work with your current themes or mods. Read about it here:

http://www.simplemachines.org/community/index.php?topic=535720.0

This is mostly for mobile devices since SMF themes are not very mobile-friendly.

You can check to see if your site meets Google's standards for mobile-friendliness here:

https://www.google.com/webmasters/tools/mobile-friendly/

You can test it with your mobile device here:

http://docskillz.com/curve/index.php

[Maxx]

Thanks Steve I just tested my 2.1 test site :
http://smf21.surfacethemes.com
the test was congrats you are mobile friendly show a phone picture of your site.

This great for 2 very important issues, the ezportal and the smf 2.1 are comparable with the mobile device  Yea !

Good deal and no worries now

regards,
Maxx

[Skhilled]

Cool!

I forgot to mention to everyone that the mod is for SMF 2.0 only. SMF 2.1 should be designed to be mobile friendly already.

[Maxx]

Yes... I read that over there but, I just so glad because many are asking! and Now I know the what to tell them!
I visit SMF daily

Good looking out Bro!

Maxx

[Skhilled]

I don't go there often but did today for some reason and found this.

[Ken.]

It works for OFF! 
Tks Steve.

Thanks to a TIP from Skhilled we are now "Mobile-Friendly" here on Our FamilyForum!  :banana:

This officially supported mod released by SMF is in response to a new "mobility-friendliness" check that Google has put in place. This mod should address those issues. But it may or may not work with your current themes or mods. Read about it here:

http://www.simplemachines.org/community/index.php?topic=535720.0

This is mostly for mobile devices since SMF themes are not very mobile-friendly.

You can check to see if your site meets Google's standards for mobile-friendliness here:

https://www.google.com/webmasters/tools/mobile-friendly/

You can test it with your mobile device here:

http://docskillz.com/curve/index.php

[Skhilled]

Cool!

[Maxx]

OK Crip's site is Good Now and I need to work on mine in the afternoon I'm a so sad!

Logooff ,I'm sure will not pass. I'll need to make fresh theme there, but got lots to do ATM.

regards,
Maxx

[Maxx]

Please Note that this mod does not work on all themes, even fails on the core theme during install.
there are many things need be done to make responsive theme.

And it is not possible to make the 2.0+ themes completely responsive, for many reasons
The Board.index.template uses tables and the portal get in the way and some mods. and even the poster, info to the left side of the posts, will not cooperate.

If you make some changes according to Google Web tools, getr you site in their new ranting system with some changes, the test resultys will pass, but still not responsive. the SMF system to complecated to just up and make it reponsive. This will take a complete re write of the Version, and this will not happen.

The SMF 2.1 beta is responsive on it's own, but with add portals , this may change it also!

Test youe site here:
https://www.google.com/webmasters/tools/mobile-friendly/
after the test it will tell what to change or fix!

For the Guild lines visit here:
https://developers.google.com/webmasters/mobile-sites/?hl=en-US&utm_source=MFT&utm_medium=incoming-link&utm_campaign=MFT

Some need tags for your meta page info:
in your css :

Code Select Expand

@-ms-viewport{
  width: device-width;
}

in the page head...................

Code Select Expand

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width">


[Skhilled]

But what file should you add this to?

[Maxx]

These tags go in the index.template.php at the top, before the

Code Select Expand

</head> end tag!

this should be the best to use:

Code Select Expand

<meta name="viewport" content="width=device-width" />

Now in the index.css you add this to the top:

Code Select Expand

@-ms-viewport{
  width: device-width;
}


Now if you then test your page and it not mobile ready you will need to make the changes they suggest there.

Remember this only to get you.. in the rank test check.

Does not make it responsive even if it passes their test.

Making your theme responsive is another story, and not possible with the core1 theme used in Ver 2.0 +!

[Skhilled]

Thanks for the info! I'm sure everyone will appreciate it.

[Maxx]

No problem Doc that what You I do support the SMF community as best We can!

If I get more I'll post I ws over at smf and many having issues, so iit still needs time for trail and error , but at least someone is at it!

regards,
Maxx

[Maxx]

At SMF they updated a new responsive mod. http://custom.simplemachines.org/mods/index.php?mod=4040

you will need un install the previous and install this one.

Support topic is here http://www.simplemachines.org/community/index.php?topic=535718.0

and I add some code to add to your index.css as follows:

OK this will tell what your min width can go to> this is in your index.css

If you are have issues getting the Awesome test result.

Code Select Expand



div#wrapper {
    margin: 0 auto;
    max-width: 2300px;
    min-width: 350px;
}



Just an example, can be adjust to your satisfaction! max can be 100% and the min i place is excepted by  the test!

But these things are just get in the new ranking thing!

regards,
Maxx

[Skhilled]

They updated it because Google changed something and now your original changes will not work. You will need to apply the changes in the post above for it to work now. Quite a few  people are not happy about this.