Having some difficulty with a scrollbar on my new portfolio. The layout consists of two columns, with content on the left. I need the ability to scroll without displaying the scrollbar. I attempted the code below but it did not work. Could the issue be related to using the 100vh setting?
Here's what I tried:
.parent{
height: 100vh;
overflow: hidden;
}
.child{
overflow-y: scroll;
}
My HTML:
<div class="slider">
<ul class="slides">
<li class="container-fluid content">
<div class="row row-eq-height">
<div class="col-sm-6 static">
<div class="text">
<div class="vertical">
<p>CONTENT</p>
</div>
</div>
</div>
<div class="col-sm-6 overflow-hidden">
<div class="image personal">
<img src="IMAGE" alt="">
</div>
</div>
</div>
</li>
</ul>
</div>