Arrows for lists showing at the bottom

Hi all.

I have created a list carousel which looks fine on desktop. however when viewed on mobile (my primary viewership) the arrows fall to the bottom and create a gap which doesn't look ideal. does anyone know how to centralise the arrows back to the middle?

You can use this CSS code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
	.mobile-arrows {
		display: none !important;
}
.desktop-arrows {
	display: none !important;
}
}

On 1/21/2024 at 8:19 AM, tuanphan said:

You can use this CSS code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
	.mobile-arrows {
		display: none !important;
}
.desktop-arrows {
	display: none !important;
}
}

Hey Tuanphan

Thank you for the help.

This a good tempory solution. Ideally, I would like to move the arrows back up to where the image is, to give visitors a prompt to scroll. Any clue on how to do this?

Kind regards

Can you share link to page where you use list? I can check it again easier