Please enable JavaScript to view this site.

AudienceView Unlimited Product Guides

Navigation: Branding > About Responsive Design

Disabling Site Responsiveness

Scroll Previous Top Next More

In some cases it may not be appropriate to have the online respond to different screen sizes. Instead customers would have the same experience regardless of device being used. Because Twitter Bootstrap and the core stylesheet use a mobile first approach, a number of baseline styles must be overridden to disable the site’s responsiveness.

 

To disable the site’s responsiveness, follow these steps:

1.Open Content Management from the Desktop.
The Sites|Search page appears.

2.Search for and select the site that you want to work with.
The Sites|Basic page appears.

3.Select the Applications tab.
The Sites|Applications page appears.

4.Click 'Add META Tag'.
A meta tag row appears.

5.Select the 'del?' check box next to the viewport metatag.

6.Click 'Apply'.
A window confirms that the site was updated.

7.Click 'OK'.

8.Add the attached non-responsive-branded.css stylesheet to your site brand configuration.

 

The non-responsive-branded.css will ensure that regardless of the screen size, the site will look and behave as though it is on a full-sized device greater than 1200 pixels wide.