3-Column Horizontal Scroll Repeating Group

Overview

Custom horizontal scroll repeating group that is fully-responsive and scrolls off-screen. Ideal for displaying blog posts, videos, and articles. This module includes an image, small gray text, title text, and a link.

Structure

  • When this module is added to a page, it is placed within a group called Group page860Group on the page. This group contains the responsive settings for all modules.

  • All data is displayed in RepeatingGroup 860-3Column

How to set up

  • Update the data source of RepeatingGroup 860-3Column

  • Update the data source of the image and texts

  • Remove any elements in the module that you do need

Hide scroll bar

  • You can hide the repeating group scroll bar by adding the following code to the page HTML header:

Custom page HTML headers are only applied to apps that are on a Personal Plan. If you are not on a Personal Plan, you can simply add the following script in an html element and put it towards the top of the page.

::-webkit-scrollbar { width: 0px; height: 0px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: transparent; } ::-webkit-scrollbar-thumb:active { background: transparent; } ::-webkit-scrollbar-track { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; }

Last updated