Responsive Tablet

Due to Apple’s release for iPads (iPadOS), iPads display the same view as desktop. However, you can switch to Responsive  desktop-tablet layout to ensure all customizations are visible on live sites.

Responsive layout shows the top navigation header on larger desktops and switches automatically to the hamburger menu header when the screen size is 1024px and below.

NOTE

This feature is still in development and will gradually be released to all customers. It is on by default on new beta sites.

To use responsive site layouts:

  1. In the side panel of the editor, click Design, and then click Site Layout.
  2. Under Desktop click the Responsive Layout toggle.
    • Select a site layout for above 1024 px.
    • Select a site layout for 1024px and below.

After switching to responsive site layouts, you can switch views in the top navigation to show Large Desktop (above 1024px), Small Desktop/Tablet (1024px and below), and Mobile. For more information, see Switch Views.

CSS is the same for both Large Desktop and Small Desktop/Tablet breakpoints, and you will not see a Tablet CSS.

Elements may be hidden per breakpoint (Large Desktop and Small Desktop/Tablet). For more information, see Switch Views and Show Hidden Elements.

Transitions are smoother and not based on User Agents.

Note the following tablet customizations automatically display the desktop layout, and there is no need to customize them:

  • Photo gallery layouts
  • Map widget and online scheduling widget Use as Button setting
  • Tablet personalization rules
  • Animations
Was this article helpful?
0 out of 0 found this helpful

Feedback on this article

0 comments

Please sign in to leave a comment.

×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!