Jump to content

How to make the header / main menu overlap with the page banner? (SOLVED)

Recommended Posts

The website is based on the Rally template.

I want the entire header section - main menu, logo, social icons, etc. - to be on top of any page's topmost banner. I. e. not to be above the banner (like a white stripe that has the main menu and logo) but layered over the banner itself, without any additional background.

I've done this before (here https://part-time.bg/) with another website that has the same template but can't find a way to do it now. I'm sure there's some hidden option... I don't mean code - I can't code - I mean a simple, existing option that I can't effing find now.

Link to comment
  • Replies 5
  • Created
  • Last Reply

In Site Styles, setting a header element to 'Top xxx' puts it above the banner image. Selecting 'Bottom xxx' layers it on top of the banner image.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Thanks, man. I checked that on the other site I've made, and, indeed, it's exactly that.

However, the Header: Bottom section is, for some reason, nowhere to be seen for the current website I'm trying to make, despite the fact that I'm using the same template (Rally), and it's even under the same account (so the same features are available/restricted).

So does anyone have any clue why the heck the Header: Bottom section is missing for the site I'm working on but it's always been there for the one I built a year ago?

Link to comment

Thanks, man. I checked that on the other site I've made, and, indeed, it's exactly that.

However, the Header: Bottom section is, for some reason, nowhere to be seen for the current website I'm trying to make, despite the fact that I'm using the same template (Rally), and it's even under the same account (so the same features are available/restricted).

So does anyone have any clue why the heck the Header: Bottom section is missing for the site I'm working on but it's always been there for the one I built a year ago?

Link to comment

For us to help you, we'll need you to provide us with a working link to your site.

Squarespace Customer Care are there to help with questions like this, so you may want to chat it through with them via live chat. You can reach out to them here.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • 3 weeks later...

I DID IT! :)

So the HEADER: BOTTOM option list/section in Site Styles only appeared after I went to HEADER: LAYOUT to mess around with the positioning of the logo and the primary navigation stuff. And when I selected Branding Position: Bottom Left, then the logo went down over the header image. The same thing happened when I selected set Social Position to Bottom Right.

Oh, what a relief! It's been there the whole time! Still, not intuitive at all!

Thanks for the replies, @Paul2009! They at least pushed me to keep digging. :)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.