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

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.
 

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

⚡JFarrow⌁ replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Wow..  cool idea!   I may try this.     Wonder if the same could be done for the funny crop of memb…"
7 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding a plus media button to your activity feed
"Wow... very innovative!"
9 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Great tip!  Works well... just wondering why the little camera icon shows up... gonna have to inves…"
9 hours ago
Fernando Bisbal replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"exact!! in social networks the same ... it is a horror that the web logo is always shown as an imag…"
9 hours ago
⚡JFarrow⌁ replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"This is also something i am hoping is coming...  the ability to specify the image which shows up bo…"
9 hours ago
Fernando Bisbal posted a discussion
Any trick so that the image (LOGO) of each group is displayed in the google search results? now all…
10 hours ago
Fernando Bisbal replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Thank you very much I have applied it to my website and now it is much better"
10 hours ago
Bizz replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Hmm it should all be working ok as I have added the code to my site to test, here is a link to two…"
11 hours ago
Explore One Vietnam updated their profile
yesterday
kostasgr replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"hi Bizz !!  not working ....."
yesterday
Bizz replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Your welcome Fernando, glad could help
Bizz :-)"
yesterday
Fernando Bisbal replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Thank you very much, I've been waiting for this for a long time ... the result is great ... attache…"
yesterday
More…

Meanwhile, you can check our social media channels