If I have a simple list of items like:
<ul id='list-container'>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
So let's say you are on my website on your phone and there is this list that currently only displays the first two elements and you can use your finger to scroll left in order to see the other items. How would I go about tackling this? JS or CSS way.
Without scroll bar!!
You can use overflow-x in css.
li {overflow-x: scroll;}