Give Your Web Theme a Responsive Design

Last Updated -

The "Responsive Theme" is a Desk.com support center theme that automatically adjusts to fit any device (from PC to phone). It features a modern style and real-time article suggest on contact form page. This was built on top of the Bootstrap framework. 

Note: Before you start editing or adding a new web theme, you first need to have scripting enabled (whitelisted) for your Desk site. To do this, email support@desk.com and request scripting enablement for your site.
 

Installation Guide

Follow these steps:

  1. Login to Desk Admin and navigate to Channels → Support Center → Web Themes
  2. Click the Add Theme button and name the new theme 'Responsive Theme'
  3. Edit 'Responsive Theme', then click into Advanced Themes tab
  4. When warned about disabling automatic updates, click Continue
  5. At the bottom, click Edit In Source Mode
  6. Copy/paste header code into Header section (Clicking on the button below will automatically copy the code to your clipboard. You will then need to paste it into the Header section of your web theme)
    Copy Header Code
  7. Copy/paste body code into Body section (Clicking on the button below will automatically copy the code to your clipboard. You will then need to paste it into the Body section of your web theme)
    Copy Body Code
  8. At bottom, click Save and Continue Editing then click Preview and ensure it looks fine
  9. You may need to re-open the theme in Basic Editor and adjust the colors to work with V5


Beta version of Responsive Theme

We have a new version of the Responsive Theme in Beta. It is built on top of the Foundation framework.

  1. Copy/paste header code into Header section (Clicking on the button below will automatically copy the code to your clipboard. You will then need to paste it into the Header section of your web theme)
    Copy Header Code
  2. Copy/paste body code into Body section (Clicking on the button below will automatically copy the code to your clipboard. You will then need to paste it into the Body section of your web theme)
    Copy Body Code