Move List Section Arrows on Mobile to Sides

Site URL: https://trombone-walrus-wzht.squarespace.com

password: test

How can I move the List Section Arrows on mobile to the sides similar to how it is on desktop?

Can the arrows on mobile (e.g. in the image below) be moved to the side and centered vertically?

This is how it looks on desktop.

48 minutes ago, AllanYung said:

Site URL: https://trombone-walrus-wzht.squarespace.com

password: test

How can I move the List Section Arrows on mobile to the sides similar to how it is on desktop?

Can the arrows on mobile (e.g. in the image below) be moved to the side and centered vertically?

This is how it looks on desktop.

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="61b0346d33e0e169851dc58a"]
    .user-items-list-banner-slideshow
    .mobile-arrows {
    margin-top: 0;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: space-between;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

19 minutes ago, bangank36 said:

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="61b0346d33e0e169851dc58a"]
    .user-items-list-banner-slideshow
    .mobile-arrows {
    margin-top: 0;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: space-between;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Thanks! This worked great.