How do I only remove the horizontal scroll bar while being able to scroll?-CodePudding

There are a lot of such questions but I haven't been able to find one which answers how to remove only the horizontal scroll bar while still being able to scroll horizontally:

I used the following code, but it removed both the horizontal and vertical scroll bars:

.section {
  overflow-y: auto;
  scrollbar-width: none; /*For firefox*/
}

::-webkit-scrollbar {
  display: none; /*For remainder of the browsers*/
}

CodePudding user response：

Try this:

.section {
  overflow-x: scroll;
  scrollbar-width: none;
  overflow-y: auto;
}

.section::-webkit-scrollbar {
  display: none;
}