<div class="slider-marquee">
<div class="slider__row" id="row">
<div class="row__item">
<p>Welcome To Rumi Fragrance!</p>
</div>
<div class="row__item">
<p>Reseller Contact : 0336 7346530
</p>
</div>
<div class="row__item">
<p>Pakistan's Best Fragrance Store</p>
</div>
<div class="row__item">
<p>Cash On Delivery Available</p></div>
<div class="row__item">
<p>Easy Return Policy</p></div>
</div>
</div>
jQuery(document).ready(function(){
jQuery('.slider__row').slick({
vertical: true,
dots: false,
speed: 500,
autoplay: true,
autoplaySpeed: 4000,
});
});
.flex-col.hide-for-medium.flex-center{
width: 40%;
}
.slider-marquee {
width: 100%;
height: 24px;
overflow: hidden;
}
.slider__row {
display: flex;
flex-direction: column;
position: relative;
top: 0;
left: 0;
overflow: hidden;
transition: 0.5s;
}
.row__item p{
font-size: 15px;
text-align: center;
margin: 0;
letter-spacing: 0.5px;
}
@media (max-width: 849px){
.row__item p{
font-size: 12px;
}
}