we-horizontal-slider

This component allows to have scrollable native sliders in mobile versions.

Component Definition

Screenshot

HTML

<div class="row mb-3 we-horizontal-slider">
    <div class="col-10 col-sm-4"> 
        Card
    </div>
    <div class="col-10 col-sm-4"> 
        Card
    </div>
    <div class="col-10 col-sm-4"> 
        Card
    </div>
</div>

CSS

.we-horizontal-slider {
    @media(max-width: 768px) {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        width: 100%;
}

This works only in mobile views @media(max-width: 768px)