I'd like to make a side scrolling section. I'm using Gutenburg and a theme by Anders Noren. For some reason I can't get it to work. I've made a group with three columns, each of them being 1090px wide. Then I've assigned the scroll-container ID to the whole group. Then I've used WPCode to add this CSS:
.scroll-container {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch; /* For smooth scrolling on mobile */
}
/* Algin horizontally */
.scroll-container > * {
scroll-snap-align: start;
min-width: 300px;
margin-right: 16px;
}
.scroll-container {
scrollbar-width: none; /* Firefox */
}
.scroll-container::-webkit-scrollbar {
display: none; /* Chrome, Safari */
}
But I just end up with a jumbled mess every time. Seriously just considering paying for Greenshift, but I'd like to know how to do this myself.