Responsive design rules are mobile rules based on media queries that you can apply on page or template level. You define the device types and characteristics to which the rules are applied with the help of predefined media query group of rules for the most popular smart phones and tablets. Once the device requirements are met, you define how to display pages on these devices. You do this by choosing one of the following options:
In addition, you can also transform the navigation of the website, so that it fits your requirements.
For example, you can define that for a tablet, if a page has 4 columns, they will be displayed as 2 rows and 2 columns, but for a smartphone, 4 columns will be displayed as 4 rows. In addition, you can specify that a conventional navigation bar on top of the page will be displayed on a mobile phone as a dropdown menu.
Thus, a responsive design rule consists of:
Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.
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.
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.
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.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important