How to change Focal point of image banner on mobile

To change focal point of an image banner on Mobile Squarespace, you can follow these.
#1. First, use this tool to find ID of banner section. In my example, it is:

section[data-section-id="66acf39593fcf73b19b343b2"]

#2. Next, use this code to Custom CSS box

@media screen and (max-width:767px) {
    section[data-section-id="66acf39593fcf73b19b343b2"] .section-background img {
    object-position: 20% 50% !important;
}}

#3. Result

1 Like