How can I make an element sticky when scrolling and hide horizontal scroll on mobile? I'm having trouble with horizontal scrolling on iPhone. Can you help me troubleshoot this issue?
Thank you.
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 12%;
}
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 12%;
}<div class="container">
<div class="row">
<div class="col-md-6 align-self-start sticky-sidebar">
<h2 class="text-light landing-heading d-inline">What we do</h2>
<img src="https://via.placeholder.com/100" alt="image" />
<p>This is sticky!</p>
</div>