Select a site

Mobile and responsive: Build mobile apps and use responsive design

Overview 

The visitors of your website expect to open it on their mobile devices and have browsing and user experience no worse than on their web browser. With Sitefinity CMS, you can create responsive web designs for desktop computers, tablets, and smartphones. By establishing a set of adaptive styles, web pages fluidly conform to an unlimited number of devices and resolutions. In addition, there is no need to recreate website content or create dedicated markup for a particular device. Your web page transforms into a perfect fit for all devices.

This section contains:
  • Overview: Responsive design
    Create responsive web designs for your Sitefinity CMS apps for desktop computers, tablets, and smartphones. Establishing sets of adaptive styles and rules.
  • Apply responsive design to templates
    For each page template, you can apply individual responsive design. This means that only the current template will have a responsive design.
  • Apply responsive design to pages
    For each page, you can apply individual responsive design. This means that only the current page will have a responsive design.
  • Responsive design rules
    Responsive design rules in Sitefinity CMS are mobile rules based on media queries that you can apply on page or template level. You define the device requirements to which the rules are applied. Once the device requirements are met, you define how to display pages on these devices.
  • Create responsive design rules
    To configure responsive design rules, you first define the rules for the output devices, then for each of the defined devices, and finally choose how to display the pages.
  • Tips and things to have in mind
    Take a look at some tip and tricks to consider when using responsive design, related to CSS, layout transformations, custom designs, and so on.

Back To Top

Next: Multisite: Manage multiple sites