Support

Edit by Device

Edits made to one device appear on all devices. For example, when a row is deleted on the tablet view of your site, the row will also be missing on the desktop and mobile views of your site. This is because your site is responsive, thus sharing content across all devices. However, you may want to differentiate which content appears on which devices. You can use our edit by device features to accomplish this, and serve your visitors content that is appropriate for the device they are accessing your site from.

View Information Bars

某些小部件和功能可能仅显示在某些设备上。要更改某个设备上的小部件样式，请点击顶部导航栏上的设备视图以切换到该设备视图，然后进行更改。

在设备上隐藏

Almost everything in the editor, with the exception of the header and footer, can be edited on a per-device basis by making the content specific to that device.

To edit content per-device:

1. Copy the content that you would like to be device-specific. Right-click the widget, click copy, then click paste.
2. Right-click on one of the widgets, select Hide on device, then select the device where you want the widget to be hidden. For example, setting a button to Hide on Desktop removes the button from the desktop, but displays the button in the tablet and mobile sites.
3. Click on the original content and select Hide on device, then hide the content on the device(s) on which you do not want to change this content. For example, if you set your copy button to Hide on Desktop, you would set the original button to Hide on Tablet and Hide on Mobile. This way, you will have two different buttons; one showing on your desktop and a different one showing on your tablet and mobile.
4. If you want the content to be different on all three devices, you can copy it again (so you have a total of three copies of the same content) and have a different button displayed on each device.
5. You now have two (or three) identical, but different pieces of content, each displayed on a different device. Any further changes made to this content will only affect the device on which it is set to show.

Edits That Do Not Affect Other Devices

There are several edits in the editor that can be changed without affecting mobile. These are:

• Spacing (Margins and padding)
• Positioning
• Width
• Height
• Site/Page background
• Font size (it will not affect text that has been edited in mobile before)
• Changes to the header and footer on tablet view do not affect the desktop and mobile view

Every other edit you make in the each device view will affect other devices.

Besides the list above, there are other edits that you can make to settings without affecting other devices too. These display with an Edits only affect this device icon in the editor.

Widget-Specific Changes

While some widgets work fine across all devices, there are some drastic differences between devices which creates a need for a different set of features or design preferences per device.

Below is a list of widgets with design suggestions and notes for tailoring certain widgets on certain devices.

Background Images

Due to drastic differences in aspect ratios between devices, it's important to take special care with how you design images in your website.

例如，整行的页面背景在桌面设备上可能看起来很棒，但在移动设备上却很糟糕。这可能是因为桌面设备更适合较大宽度的图像，而移动设备则恰恰相反。

您可以在网站主题设置中为每台设备设置不同的页面背景。建议桌面使用宽背景图像，手机或平板电脑使用窄背景图像。

Slider Widget

As with the background image, the images you selected for the desktop version of the slider widget may not look as great for tablet or desktop. It's recommended to either:

调整滑块的框架大小以适合移动设备，或者在桌面上隐藏滑块，并创建专门针对移动设备的版本。

Images and Icons Widget

图像小部件的尺寸在移动版本中不会自动调整。请务必检查使用图像小部件的移动设备，以便进行必要的调整以适应。

Hover Effects on Tablet/Mobile devices

Compared to desktop devices, tablet and mobile devices do not have a hover effect at all. Any hover layout or option is disabled on tablet/mobile devices.

具有设备特定选项的小部件

Maps Widget

The Map widget has device specific options for when it will show as a button or a map.

Contact Forms Widget

在移动设备上，联系表格每行始终只显示一个输入。

Considerations

When editing device specific widgets, remember to check all views before publishing your website. Widgets can be easily misplaced when using the 'Hide on Device' option.

For more information about switching views, read this article.

Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page