Documentation
Documentation

Implementing a mobile site

📘

Note

It is recommended that you implement a responsive site instead.

The Member Mobile Quick Start Site is optimal for mobile devices like smart phones and tablets, featuring accessible content and a sitemap for members needing information on-the-go. The Sapling master page places key information at the top of the screen and works with the Aspen Mobile and Austin Mobile themes. Featured styles are sized appropriately for smaller screens.

If you want to provide a mobile site for your members, we recommend that you start with a copy of the Member Mobile Quick Start Site, and then apply your changes. When you make a copy of the site, iMIS creates a copy of the website, content, and sitemap.

📘

Note

Before performing the following required steps, you must complete making a copy of the mobile site. See Copying a website.

Implementing the mobile site

Do the following to implement a mobile site:

  1. Go to RiSE > Site Builder > Manage sitemaps.
  2. Select your copy of the Member Mobile site.
  3. Edit the Full Site navigation item to add your main site’s URL to the Content or URL to Link to.
  4. Go to RiSE > Page Builder > Manage content, then select the content folder created for your copy of the mobile site.
  5. From the ContentAreas folder, edit the following content records:
    • Social Networking Images — Configure the Social Networking instance of the Content Html content item and update the hrefs to link to your social media accounts or remove any links you do not want to appear.
    • Header Logo — Configure the Header Logo Span instance of the Content Html content item and update the logo to your organization’s logo.
    • Footer Copyright — Configure the Footer Copyright instance of the Content Html content item, and update the content and link for your organization.
Tips and reminders
  • Trim content — For increased legibility on smaller screens, and to decrease page load time, keep content simple.
  • Automatic redirect — Consider adding some JavaScript to redirect users automatically to the mobile site when they try to access your full site on mobile devices.
  • Add favicon — Update the favicon used for your mobile site, apple-touch-icon, located by default in C:\Program Files (x86)\ASI\iMIS\Net.
  • Easy Edit limits — When you access the mobile site, Easy Edit is only available when you access the website from a browser with a width greater than 700 pixels.