There are two entries in the forum.less file you need to delete where mobile is set to 'display: none.'
Then, you need to make the .cardContainer overflow-x: scroll, like so (keep in mind that I don't believe there is a .cardContainer entry, so you will have to create one):
.cardContainer{
overflow-y:hidden;
overflow-x:scroll;
margin:0;
}
.cards-wrapper {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1rem;
padding: 2rem;
margin: 0 auto;
width: max-content;
}
.card {
--bg-filter-opacity: 0.5;
height: 7em;
width: 18em;
font-size: 1.5em;
color: @primary-color;
border-radius: 1em;
padding: 3px;
display: flex;
align-items: center;
background-size: cover;
background-position: center;
transition: all,var(--transition-time);
position: relative;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
text-decoration: none;
}
I have also amended the forum.js file to match the first img or iframe tag to display a gallery of the top posts (responsive to mobile):
