CMS has several built-in options to make web pages optimized for mobile display:
  1. Mobile-friendly wrapper- You can create a responsive wrapper designed for mobile display that will be used automatically when a mobile device is detected. In general the best practice is for a mobile-friendly wrapper to be without a horizontal navigation bar or side navigation menu to accommodate the narrower screen size. For more information regarding how to create a mobile-friendly wrapper, refer to this solution.
  2. Mobile display template- Any content type can have a default template used for mobile display. As with the wrapper, this template will be automatically used when a mobile device is detected. For more information regarding how to create a mobile display template, refer to this solution.