We’ve heard from a ton of SocialEngine Cloud site builders that our biggest feature gap is proper support for mobile browsers. That’s not surprising since we now see that at least 12% of all traffic on the SE Cloud network is coming from mobile devices (9% iOS, 3% Android). We are also seeing that bounce rates from mobile visitors are 10-20% higher than average, which again isn’t surprising since many pages were simply not rendering properly on mobile. Unacceptable!
I’m excited to say that as of today, SE Cloud is now mobile friendly. Every old and new community in the SE Cloud network should now work quite well in mobile browsers. If you want to customize the theme, there are currently two ways to go about it. A) you can add your own CSS on the Custom CSS page in your admin panel, or B) you can create your own stylesheet, upload it using the Media Manager, and reference it in your Site Header template in the Page Templates section for your admin panel. I know these aren’t 100% convenient for everyone, so we are working on making it easier to include custom CSS (including mobile CSS) in your theme right from the Page Templates area.
Let us know what you think about the mobile theme. This is the first release and there are bound to be some rough edges that need smoothing. Tell us when you find them, and let us know how we can make it better!
A few things to note:
1. Photo quality on mobile may not be 100% crisp, especially for low-res photos. We’ll improve this in the next cycle.
2. If you want to add HTML in your templates that only display on mobile, use the CSS class: .mobile
3. If you want to hide HTML in your templates from mobile (like a custom HTML header, etc.) then add your styles to your Custom CSS (in your admin panel) and wrap them in this: @media only screen and (max-device-width: 480px) { }
