3-Column Horizontal Scroll Repeating Group
This horizontal scroll repeating group is fully-responsive and scrolls off-screen. It is ideal for displaying blog posts, videos, and articles. This block includes an image, small gray text, title text, and a link.
- When this module is added to a page, it is placed within a group called Blocks container 860 (do not rename) on the page. This group contains the responsive settings for all blocks.
- All data is displayed in RepeatingGroup Dummy
- Update RepeatingGroup Dummy's data source
- Update the data source of the image and texts
- Remove any elements in the module that you do need
- 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 paid Bubble plan. If you do not have a paid Bubble plan for your app, 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;
}