Scroll Bar Not Appearing

Design help General
1

Tested different overflow settings for a scrolling section, but now I can’t see the scroll bar. The image attached is what should appear, but it doesn’t (see link to Webflow project below). How would I fix this? Thank you.

Link to website: https://testingdirectory.webflow.io/

Setting
Setting580×490 23 KB

2

It’s showing fine on Chrome / Win.

image
image501×1362 39.8 KB

To make it vertical only, and prettier, you could create a class with some custom styles. Here’s an example of that as CSS;

.scrollable {
  width: 300px;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ccc;
  padding: 10px;
}

.scrollable::-webkit-scrollbar {
  width: 8px;
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 4px;
}

.scrollable::-webkit-scrollbar-track {
  background-color: lightblue;
  border-radius: 4px;
}