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

FORUM

NC for Hire

I'd be willing to bet that most anyone reading this who has a 2.0 Ning community is currently facing the the same problem - no apparent way to style the mobile version of the community.  However, when it comes to the way our mobile versions display links, navigation, group info, etc.this struggle is over. 

Here is a tip for changing the way your mobile community looks and feels.

For example:  Typical Mobile 2.0 Button block inside a group

Currently, inside most every 2.0 community mobile version, inside a group, everything is smushed together.    Here is a solution I discovered today kinda by accident, while rearranging my mobile pages.

You can add CSS styles inside your Mobile Analytics page in the dashboard.     http://YOURNINGCOMMUNITY.com/main/mobileanalytics/

By adding the following code snippet to your Mobile Analytics, you will be able to once and for all fix this problem.

<style> div.ui-controlgroup-controls {width:100%!important;}</style>

a couple other styles you might like to pack in

Change Link Color:     a.ui-link {color:#a12712!important;}

Change background color of Navigation:  div.panel {background:#eee!important;}

This goes to show that you can always learn something new everyday.  Even though i have been working with this platform since 2008, there is still so much that can be learned.

Everything is suddenly SO much better..

Let me know if you have questions or if you found a new style to add to the mobile..

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

  • NC for Hire

    A couple more styles I have added, which you might like to try too

    Change the colors of the numbers for comment and like counts

    span.likeCount,a.comment.ui-link {color:#eee!important}

    Change the color of the background in the search bar and footer

    div.search-bar,div.actionBar {background:linear-gradient(#a12712, #FF0000);!important;}

    mobill.png?width=721

  • thu.png

  • Thank you very much, it's very interesting!

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

Kevin Acosta posted a discussion
Our site has been down for 5 or 6 days now, I don't know why or how to set a Ning Support help tick…
4 hours ago
Anna_Ning_Support replied to Fabricio Giugni's discussion
Help. Need to replace the Like button.
"Hello,
Our developer can assist you with the code.
Please, send us all the details and the code you…"
22 hours ago
Paul Corona replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"check Anna's reply !  "
yesterday
Paul Corona replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"Mucho bueno !!!!  Thank you !!!!"
yesterday
Blockchain Properti Indonesia liked Anastasia_Ning_Support's discussion Join our new webinar on August 22nd!
yesterday
Anna_Ning_Support replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"Hello,
In order to have the site in the desktop view on the mobile device, you need to deactivate t…"
yesterday
Michelle Gilbert, CA, APAIA liked ⚡JFarrow⌁'s video in Ning Powered Events
Friday
J.Ayvar replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"Hello @ Paul. Ning 2  should be responsible .i am wating for these feature too."
Friday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Thank you Ning! SEO Improvement Features!
"Thank you Anastasia.. have a great weekend"
Friday
Anastasia_Ning_Support posted a discussion
 
Hello everyone!
Are you ready to level up your marketing skills? Join our new webinar on August 2…
Friday
Paul Corona posted a discussion
Ok- I'm a diehard desktop user but once in awhile I'll check our site on my phone.....Since most pe…
Friday
Alessandro replied to SweetPotato's discussion
Ning 3.0 Tip: Infinite Scroll for Photos (Loading More Images ... )
"I found out for groups! Groups are loading automaticatlly on scroll!
In itemSelector you need to ch…"
Friday
More…

Meanwhile, you can check our social media channels