logo on top of carousel

On 3/27/2024 at 7:37 PM, nat456987 said:

Hi,

Im trying to put the logo on top of a carousel of images. I've created two homepages, essentially I want to create this layout 

https://cobalt-platinum-475x.squarespace.com/better-wheels-1-1 but with the image changing behind it. So I create this page https://cobalt-platinum-475x.squarespace.com/ - but I can't get the logo centred and to work properly on mobile and different screen sizes.

Thanks so much

To make it center, don't remove any code in your current code, then use this CSS code

section[data-section-id="65fc26014d7b924b01939c3e"]:after {
    background-position: center top;
}

With mobile, use this CSS code

@media screen and (max-width:991px) {
section[data-section-id="65fc26014d7b924b01939c3e"]:after {
    width: 100% !important;
    max-width: 350px;
    background-size: contain;
}
}