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 page860Groupon 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-3ColumnUpdate 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
