JohnPaulMayuga
Maybe this will help you
ADD THIS IN Custom Home Message IN TRANSLATION.
CHANGE store link in href="" in the code.
CHANGE slide image link in src="" in the code.
*************************************************************************************
HTML
*************************************************************************************
<div style="BACKGROUND: WHITE;"></div>
<div class="slider-wrapper bg-light my-0"><a href="/stores/uma-parlour" class="slider-wrapper__img-wrapper" style="position: relative; display: inline;"><img src="/assets/myimg/umasep9.jpg" alt="Beverages" class="slider-wrapper__img slider-cust-img" style="height: auto; width:95vw;"><canvas height="0" width="0" style="border-radius: inherit; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;"></canvas></a><a href="/stores/red-chilli" class="slider-wrapper__img-wrapper" style="position: relative; display: inline;"><img src="/assets/myimg/sep9.jpg" alt="Pastries And Cakes" class="slider-wrapper__img slider-cust-img" style="height: auto; width:95vw;"><canvas height="0" width="0" style="border-radius: inherit; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;"></canvas></a></div>
-------------------------------------------------------------------------------------
*************************************************************************************
CSS
*************************************************************************************
.slider-wrapper {
margin-top: 1rem;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
margin-bottom: 1rem;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
**************************************************************************************************************************************************************************
```