Apply responsive design to templates

For each template, you can apply individual responsive design. This means that only the current template will have a responsive design.

To do this, perform the following:

  1. Open the template for editing and click Layout button in the upper-right corner of the page.
  2. Under Responsive Layout, click Settings.
  3. Choose one of the following:
    • As set in base template
      The responsive design takes the setting from the template, which the current template is based on.
      For more information, see Create page templates.
    • All groups of rules are applied
      All created groups of responsive design rules are applied.
    • Only selected groups of rules are applied
      Select the one or more groups of rules to be applied to the page.
    • No groups of rules are applied
      Even if you have configured responsive design for the template of the page or for the entire site, this page will not apply these rules.

You can also set responsive design individually for each page. For more information, see Apply responsive design to pages.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?