How can I create a mobile slider for my homepage header?

Hey guys on my homepage I have a bar which says finance available, 5 stars etc that I want to make a slider on mobile so i can have it show on there. Does anyone know how i can achieve this?

https://directcomputers.co.uk/

@Anonymous

oh sorry but i can’t see any section on mobile i thing its hide but you can try this way

https://codepen.io/Supha/pen/OQvLEj

Hey buddy thank you for that do you know how i can inbed my code into that slider code you’ve linked?

This is the HTML of my code:

This is the CSS:

.Small_Header_Class {
overflow: hidden;
position: relative;
z-index: 10;
padding: 0 25px 0 25px;
margin-left: auto;
margin-right: auto;
background: #000000;
border-bottom: none;
}
.small_header_inner {
margin-left: auto;
margin-right: auto;
display: flex;
}
.Small_Header_Class .small_header_inner {
flex:auto;
}
.Small_Header_Class .small_header_inner>div {
flex:auto;
}
.Small_Header_Class .small_header_inner>div a {
color: #fff;
font-size: 0.9rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
.Small_Header_Class .small_header_inner>div a img {
float: left;
padding-right: 10px;
display: flex;
align-self: center;
}

Thank you,

@Anonymous

If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by https://codepen.io/Supha/pen/OQvLEj