Jump to content

Logo & navigation overlaying carousel gallery

Recommended Posts

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

Edited by Jesserka
Link to comment

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.



Link to comment
  • 1 year later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...

are you AI???

I asked the same question on other topics, and your answer is the same. I also gave you my website URL, I don't know if you have seen it, but it seems that you have not. I'm not questioning you, but I think this kind of question and answer wastes a lot of time for each other.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.