I have two menu list, now I want convert this menu in dropdown for small screen, here I am facing the issue when i convert this list, then all menus comes in single list, I want here both seperate list with seperate menu.
Code.
CSS
...I am using flex based layout in my HTML / CSS based layout, now I want to align a button at bottom of flexbox based div. Parent div of button has flex based CSS property.
Consider below image, I want to push "Select" button at bottom of main div, so how can I do it?
Here is the HTML
...I am using this code, which has width and overflow defined but when in mobile view or you can say in low resolution screen, horizontal scroll is not working, here is my current code
<div style="width:900px; overflow:scroll">
<div class="row bs-wizard" style="border-bottom:0;">
<div class="col-xs-2 bs-wizard-step " data-id="Order">
<div class="text-center bs-wizard-stepnum ">Order</div>
<div class="progress"><div class="progress-bar"></div></div>
<a href="javascript:void(0)" class="bs-wizard-dot"></a>
<div class="bs-wizard-info text-center">Any Details here</div>
</div>
<!--More similar code-->
<div class="col-xs-2 bs-wizard-step " data-id="Sign Paper Work">
<!-- complete -->
<div class="text-center bs-wizard-stepnum">Sign Paper Work</div>
<div class="progress"><div class="progress-bar"></div></div>
<a href="javascript:void(0)" class="bs-wizard-dot"></a>
<div class="bs-wizard-info text-center">Any Details here</div>
</div>
<!--More similar code-->
</div>
</div>when in mobile view i am not able to scroll and see remaining div's here is the mobile image
...
