Use Tabbed Section Layouts
You can use a tabbed section layout to create spacing and arrangement of the components you add into the layout.
To add a layout to a page:
Collapse Tabs in Section Layout Settings
When using tabs in a section layout component, you can specify the pixel width that triggers the tabbed content to stack and allows a site visitor to collapse and expand each tab. This is useful when a site visitor is viewing on a mobile device with a limited screen size for content.
To specify the pixel breakpoint that triggers the collapse response, use the custom settings in the general settings options of the section layout component that contains the tabs.
-
On the site page you are editing, add a section layout component.
-
Create the number of tabs you need and add the content you want in each tab.
-
Open the settings for the section layout component that contains the tabs.
-
Click Custom Settings.
-
Enter the pixel width at which you want the tabbed content to stack and collapse in the Responsive Breakpoint field.
-
Select Show in Accordion from the Responsive Behavior selector.
-
Close the settings and click Save in the action bar to save the changes to the site update.
-
Test the settings by toggling to View mode and selecting a viewport with a width below the breakpoint.