Is there a way to have a div act as an overlay sidebar only on mobile devices, but function as a normal div on all other devices?
Looking for a solution similar to the following sample code:
<div class="row">
<div class="col-lg-3" id="sidebar">
overlay sidebar only on mobile device
</div>
<div class="col-lg-9 col-12">
</div>
</div>
Does anyone know how to make id="sidebar"
behave like a regular div and an overlay sidebar on mobile devices?