Responsive Curve Mod

Started by Skhilled, April 22, 2015, 08:25:29 AM

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

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!  :cool2:
Tks Steve.




Quote from: Ken on April 22, 2015, 10:22:40 AM
Thanks to a TIP from Skhilled we are now "Mobile-Friendly" here on Our FamilyForum!  :banana:



Quote from: Skhilled on April 22, 2015, 08:25:29 AM
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
" If everything seems under control, you're not going fast enough." - Mario Andretti

Skhilled


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 :

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


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

<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 </head> end tag!

this should be the best to use:
<meta name="viewport" content="width=device-width" />

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

@-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:

Quote
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.




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.