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

Votes: 0
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;}

    3239903?profile=RESIZE_1024x1024

  • 3239907?profile=original

  • 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

James Slater replied to James Slater's discussion
Event Text
"Hiya thanks for this its very appreciated the links of the page name is below my network name is ht…"
6 hours ago
James Slater and Tavolo Ornitologico are now friends
6 hours ago
Bizz replied to Bizz's discussion
Tip: PROFILE THEMES
"Well the Themes are coming along nicely and just added another Gamer Theme. You will notice that al…"
14 hours ago
kostasgr replied to Anastasia_Ning_Support's discussion
Activity feed update
"hi Anastasia !! cool !!  thanks for the update....!  ...That is what is needed..!!"
15 hours ago
Bizz replied to James Slater's discussion
Event Text
"By the way what is the page name for the castings events ?"
18 hours ago
Bizz replied to James Slater's discussion
Event Text
"Yes can do it but not with CSS, going to take a bit of work so give me a while to sort it out as a…"
18 hours ago
⚡JFarrow⌁ and Tavolo Ornitologico are now friends
20 hours ago
kostasgr posted a discussion
RSS does not work ??someone else has a problem  RSS ??????and the speed has dropped a lot  ???
yesterday
James Slater replied to James Slater's discussion
Event Text
"Hi thanks for replying back I have 2 event pages on my network page one I need keeping same as it i…"
yesterday
Stark and Tavolo Ornitologico are now friends
yesterday
Bizz replied to James Slater's discussion
Event Text
"Which part do you want to change ?"
yesterday
James Slater posted a discussion
Hi does anyone know the CSS coding for the event pages? I need to change some text of the CSS codin…
yesterday
More…

Meanwhile, you can check our social media channels