Carmelina

And i believe our site is 7.1

currently, css code is: body.homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; } /* 7.0 Gallery caption mobile */ @media screen and (max-width:900px) { .sqs-gallery-block-slideshow .meta { display: block !important; left: 0 !Important; top: 100px !important; width: 100% !Important; max-width: 100% !important;margin-left: 0 !important;} } It is the homepage of https://whitehousescarpentry.squarespace.com/ Password: Whc2023

Thanks Tuanphan, but that hasn't brought the captions on mobile. And did you have any way of getting the gallery to "zoom in" full screen on mobile too? I appreciate your assistance!

Main thing i'm trying to achieve is having our homepage do the same thing as https://www.killowenco.com/ with an image slider behind the header, with the image caption bottom left. I like how there is no scroll on their site too, but im not sure how thats being done. I'd like it to present the same on both mobile and desktop, but at the moment on mobile its not 'zooming' in and presenting the image full screen (i'm aware that it will crop the image, but that should be ok if centered.) and then i'm losing the captions on mobile also.

Sorry Tuanphan, I see the issue now. The site should be https://whitehousescarpentry.squarespace.com/ I messed up the link sorry.

Hi Tuanphan, I get a No Such Website box there, I'm unable to see what you were referring to sorry.

Hi there, I'm trying to achieve something with the homepage of https://whitehousescarpentry.squarespace.com/ Password is Whc2023 Basically, I'm using https://www.killowenco.com/ as inspiration as the client loves it, where the gallery slider sites at the top of screen, behind a transparent header. I've kind of got it working on desktop. However on mobile it does the right thing behind the header but will not go to full height, it maintains the image ratio. I'd like it to take up the full screen if possible. Then I'm trying to get the image captions to appear on top of each picture in the bottom left corner. Can anyone assist here? So far the only CSS i have in place is: body.homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; } Thanks in advance!