In This Article:

Please Note:
  • Changes made on the Desktop, Tablet or Mobile preview apply to all devices exlucing any devices specific settings through the Content Area Properties feature.
  • If you experience any issues with Edit Mode not loading correctly, please Clear Your Browser Cache.

Responsive Framework

Our websites use responsive design templates to ensure a seamless experience across all devices. Any content added to a Content Area, such as text or image elements, will automatically adjust to display properly on desktops, tablets, and mobile devices. 


On mobile, Content Areas will stack vertically from left to right to accommodate all content. However, please be aware that in some custom designs, the stacking order may be reversed for certain Content Areas.


Accessing Desktop, Table, and Mobile Preview

Preview options automatically appear after clicking on Edit to enter Edit Mode on a page.


Different View Icons

  1. Desktop View
    • Width is defaulted to match your browser window size.
    • Content Area Properties open with Desktop preselected
  2. Tablet View
    • Width is defaulted at 768px.
    • Content Area Properties open with Tablet preselected.

  3. Mobile View
    • Width is defaulted at 375px.
    • Content Area Properties open with Mobile preselected.

  4. Show/Hide Edit Guidelines
    • Remove the content area names and outlines that appear in edit mode


Content Area Properties Per Device

You can set different Content Area Properties per device (Desktop, Tablet, Mobile) to help give more flexibility and control of your design. To learn more, please see our guide here: Content Area Properties - Device Settings.