Change slideshow buttons / arrows

17 hours ago, tuanphan said:

Remove new code, use this code

@media screen and (max-width:767px) {
/* List Section - UI Custom Arrows */
button[class*="arrow-button"] svg {
    display: none !important;
}
button[class*="arrow-button--left"] div:before {
    content: "\e006";
    font-family: 'squarespace-ui-font';
    transform: rotate(270deg);
    display: block;
    color: white;
    font-size: 30px;
    line-height: 60px;
    top: -10px;
    position: relative;
}
button[class*="arrow-button--right"] div:before {
    content: "\e006";
    font-family: 'squarespace-ui-font';
    transform: rotate(-270deg);
    display: block;
    color: white;
    font-size: 30px;
    line-height: 60px;
      top: -10px;
    position: relative;
}
}

 

Works perfectly. Thank you!