Jump to content

Arrows for lists showing at the bottom

Recommended Posts

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?

WhatsApp Image 2024-01-19 at 12.05.11_58ea286a.jpg

Link to comment
  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

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

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.