Logo & navigation overlaying carousel gallery

Site URL: https://hexahedron-mandarin-ksp4.squarespace.com/

My client is asking if I can have her navigation & logo overlaid over an image carousel (exactly like this site). 

I know it's possible with a static image or with a video using the "dynamic" header style–– but I haven't been able to find a built-in solution to mimic the example site. Anyone have thoughts?

Pass for site is: redacted

Hello! 😄

I'd start with the following code and then adjust accordingly.

#collection-61575f739b5e216704ea6c84 .page-section:first-child {
  padding: 0 !important;
}

/* This is kinda to deal with the white header text blending in with the lighter themed images but might not work for all pages
.header:not(.shrink):not(.transparent-header-theme--override) {
  background: linear-gradient(black 0%, rgba(0,0,0,0.3) 85%, transparent 100%) !important;
}
*/

Hope that this helps you solve the issue for your first page only.

Best,

Dan

@Wolfsilon You, sir–– are a god damn hero. Thank you!!!!

I have been trying to add a carousel to a homepage with the navigation sitting over the top just like this, but can't work out how to do it. Do I have to create the gallery and then somehow tweak the code? I have no idea how to do it!

On 1/17/2023 at 2:08 AM, Jbjbjbjbjbjbjb said:

I have been trying to add a carousel to a homepage with the navigation sitting over the top just like this, but can't work out how to do it. Do I have to create the gallery and then somehow tweak the code? I have no idea how to do it!

You can add Carousel then share link to your site, we can help easier