How to center text on mobile only

Site URL: https://chimes-seadragon-7xb2.squarespace.com/

Hi i'm wanting to center these two texts on mobile only please

Any help is greatly appreciated.

Also is there a way to remove these arrows as there are only 3 options so no need to scroll.

https://chimes-seadragon-7xb2.squarespace.com/

pass: 12345

thanks

1 hour ago, annicatter16 said:

Site URL: https://chimes-seadragon-7xb2.squarespace.com/

Hi i'm wanting to center these two texts on mobile only please

Any help is greatly appreciated.

Also is there a way to remove these arrows as there are only 3 options so no need to scroll.

https://chimes-seadragon-7xb2.squarespace.com/

pass: 12345

thanks

Try adding to Home > Design > Custom Css to hide the arrow for mobile

@media only screen and (max-width: 767px) {
  section[data-section-id="62e30dddfd9ed73756fe085b"] .mobile-arrows {
    display: none;
  }
}

Which text blocks do you want to set center, i check that they are fine at the moment

hi this seemed to remove the arrows for articles carousel also?

On 8/7/2022 at 2:07 PM, annicatter16 said:

hi this seemed to remove the arrows for articles carousel also?

Try this new code

/* Mobile-home-hide arrows */
.user-items-list-item-container[data-section-id="62e30dddfd9ed73756fe085b"] .mobile-arrows {
    display: none;
}