Mobile Carousel Arrows Alignment

octolove · January 2

Hi! I was hoping someone could help me with this maybe with some simple code if not possible in the settings. I am looking to make these arrows left justified on mobile instead of being in the center like it is now. See the screenshot attached. Thanks in advance! Also, this is an image carousel.

tuanphan · January 3

Hi,

Can you share link to this page?

octolove · January 11

Yes of course, here is the link and the password is 1234

Thanks!

https://aliciacoxdesigns.squarespace.com/config/

octolove · January 11

While you are looking at it can you also help me make the image clickable in that same carousel? I have buttons underneath that go to the page but I also want the image to go to that same page. Thanks!

tuanphan · January 13

I added code here

https://forum.squarespace.com/topic/224483-make-images-clickable-in-the-carousel/page/8/#comment-691159

inside_the_square · April 26

Hey @octolove - it looks like you moved the arrows to the center of the images in your carousel list section, but I wanted to hop in here and provide a left align solution for anyone looking for that! This code will scoot those arrows to the left on mobile devices:

@media screen and (max-width: 575px) {
    .user-items-list-carousel .mobile-arrows {
        justify-content: flex-start;
    }
}

Mobile Carousel Arrows Alignment

Recommended Posts

octolove

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

inside_the_square

Posted Images

tuanphan

Link to comment

octolove

Link to comment

octolove

Link to comment

tuanphan

Link to comment

inside_the_square

Link to comment

Create an account or sign in to comment

News

inside_the_square

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources