Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

Updated 04-11-2018

All the features of Ning 2.0 with  Ning 3.0 responsiveness.. ;) This code has been updated. It'll work on any layout but it works the best with the (A) layouts ( layout A1 - A4)

Tested and working in all newer browsers IE 9, 10, 11 - Firefox - Google Chrome - Safari. for cell phones, Laptops, PCs, Macintosh and yes TVs....

The fullwidth portion of this code also works in IE 7, 8. for Laptops, PCs and TVs...

It's compatible with all operating systems...

Compatible hardware - cell phones, Laptops, PCs, Macintosh and yes TVs....

Most pages will fit on the smallest of cell phones but I recommend a screen resolution of 480 pixels and wider. But like I said most of the network will fit on screen resolutions of 250 pixels and greater.

With this code your N2 will pass Google developers, mobile friendly test, without using Nings mobile app.



click here to see it live on "The Constitutional Conservatives".

 

If anyone would like help setting this up I'll be more than happy to give you a hand.

GEOCOMs Ning 2.0 Responsive Fullwidth Network v5 part 1

Part 1 goes in your (ad-box above the header) Make sure you press the HTML button before inserting the code.

<meta name="viewport" content="width=device-width, initial-scale=1" ></meta><link rel="stylesheet" type="text/css" href="https://bit.ly/2JAtFvA" id="N2_R_F_W_N_v5_P1" ></link>

   

Part 2 goes in your (custom code box)

The video enhancements come with my "profile text box video mod". To turn the mod on change the ID name in the video enhancement script from this  id  " id='gframe' " to this id   id='MOD_FN' ..

<!-- Start GEOCOMs Ning 2.0 responsive fullwidth network  v6 part 2 -->
<script src="https://bit.ly/2mczvMa" type="text/javascript"></script>
<!-- START Ning 2.0 Video enhancements -->
<script src="https://bit.ly/2zrD86v" type="text/javascript" id='gframe' class="gf_helper" ></script>

 

Part 3 goes in your (design studio CSS session)

/* Start GEOCOMs Ning 2.0 responsive fullwidth network Part 3 */
@media screen and (max-width:1144px)  {
DIV#xg.account.external-auth DIV#xg_body,        
DIV#xg.account.external-auth .xg_lightborder{
     width: 92%!important;
     min-width: 100px!important;
     max-width: 500px!important;
    left:0px!important;
    right:0px!important;
    margin-left:auto!important;
    margin-right:auto!important;     } }
@media screen and (max-device-width:1144px)  {
DIV#xg.account.external-auth DIV#xg_body,       
DIV#xg.account.external-auth .xg_lightborder{
     font-size: 34px!important;
    line-height: 35px!important;    } }
@media screen and (max-width: 760px)  {
table.categories p, table.categories ul {
    padding-left: 0px!important;
    padding: 3px!important;
    margin-top: 0px!important;}
  TD.xg_lightborder H3{
    margin-top: 70px!important;
    margin-left: 0px!important;
    padding-left: 0px!important; }
BODY TD.xg_lightborder {
    padding-right: 0px !important;
    padding: 2px !important;
    width:45%!important;}
BODY .xg_theme TD.xg_lightborder,
BODY .xg_theme th.xg_lightborder{
  width:45%!important;
  min-width:45%!important;
  max-width:45%!important;}    
BODY .body_events_main ul.clist div.tb {
    margin-left: 10px;
    margin-top: 110px;}
BODY .body_events_main ul.clist li a span.image {
    margin-right: 16px !important;  } }
/* End Ning 2.0 responsive fullwidth network Part 3 */

 

 

 

 

 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • George,

    I was so happy to find this discussion! And thanks for using my site as an example... I absolutely love my wide site! I have used this code for a long while now and the only problems I have ever had were caused by me! But you have slowly trained me not to mess with my codes!!LOL! Thanks so much for all your help!

    Friends, if you don't know George, let me tell you he is a Great Guy...  He really has a big heart and enjoys sharing his special codes.. I have trusted George with my admin sign in info for many years and I trust him 100%. I have to say in a world where you cannot trust many people we need more Georges!

    • You're welcome Suzie and thank you for the kind words, you are so sweet. ;)

  • Hi George, 

    Thank you for this update. My site was finally updated with SSL today and it broke your older code but this one fixed it. 

    I have a couple of issues with this newer code. 

    1) I now have blank space between my top Ning bar and my Head banner. 

    2) When signed in, the comment boxes (example; on a page showing a photo) is showing text editing all miscued. 

    Do you know if there is a fix for this? 

    www.Surfer-Shot.com

    • Hello Scott, I added these two codes to your DS CSS to fix them..

      HTML BODY .xg_theme .xj_ad_above_header{
      margin-top:-5px!important;
      height:0px!important;
      }
      HTML BODY DIV.xg_theme FIELDSET.nolegend DIV {
      width: auto !important;
      }

      • Dude, you rock! Thanks again. 

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Fabricio Giugni replied to Fabricio Giugni's discussion
Like button is not working
"Hi There,
I took about a minute to find where it was. It works better when Like button cames under…"
1 hour ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"here is the new color : 
rgb(35, 85, 117)
or
#235575"
2 hours ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"OMG Anastasiathat is amazing !!!thank youJust the color needs to be changed (sorry I have changed t…"
2 hours ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"OMG Anastasia
that is amazing !!!
thank you
I will go into the code to modify the background colour…"
3 hours ago
Anastasiia_NING support posted a discussion in NING BUSINESS CLUB
Here is the list with their names and links to the resources where you can find information about w…
3 hours ago
Anastasia_Ning_Support replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"Hello!
My colleague has made some changes to make it look as close as possible to the picture you s…"
3 hours ago
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
Like button is not working
"Hello!
My colleague has relocated the Like button as you asked, please check it. 
Best regards,
The…"
3 hours ago
Thisisbully replied to Alex's discussion
Missing images???
"Also when you upload say more than one photo at once it will show the first photo u select that man…"
5 hours ago
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
A list of Problem just growing...
"Hello!
I am sorry, I will insert screenshots into my reply. 
"I can see that you have already check…"
7 hours ago
Anastasia_Ning_Support replied to marie's discussion
NING BUILDER CAN'T LOAD YOUR PROJECT
"Hello!
You are welcome, I am glad it is working now!
Please let me know if you experience such issu…"
7 hours ago
Anastasia_Ning_Support replied to Alex's discussion
Missing images???
"Hi!
I agree with you 100%. I have already spoken to Elizabeth personally, and also let our quality…"
7 hours ago
Anastasia_Ning_Support replied to Alex's discussion
Missing images???
"Hello!
I am very sorry for the confusion! Our representative wanted to say that it is a massive iss…"
7 hours ago
More…

Meanwhile, you can check our social media channels