thread Re: How to extend Main Banner image to Header? in Online Store

How to extend Main Banner image to Header?

sciabica1936 — Mon, 16 May 2022 22:49:58 GMT

When starting a new Square Online site, the guide shows a "Main Banner" image that extends up behind the "Header". How do I do that?

Mine looks like this and I can not find a way to make the image extend behind the Header.

Re: How to extend Main Banner image to Header?

_Violet — Mon, 16 May 2022 23:20:32 GMT

Hi @sciabica1936 - Thanks for reaching out to us here on the Square Seller Community👋😊

From what I can tell, it looks like you may have a white background on your header and the image you have below is in the main banner section. You would need to add this image to the header section instead, as shown below.

I hope this information is helpful but please do let me know if you have any additional questions by replying to this thread!

Re: How to extend Main Banner image to Header?

sciabica1936 — Mon, 16 May 2022 23:39:17 GMT

Ok, I did that but it does not extend to the Main Banner:

If I add it to both, it repeats in a weird way:

Re: How to extend Main Banner image to Header?

sciabica1936 — Tue, 17 May 2022 16:07:31 GMT

@_Violet Any additional help here? I can not get one image to seamlessly extend from the Main Banner to the Header as it does in your video.

Re: How to extend Main Banner image to Header?

_Violet — Tue, 17 May 2022 16:18:33 GMT

Hi there again @sciabica1936 thank you for following up here.

These are actually two separate sections so each section will have an option to add its own image. Since you are using the same image twice here, it looks more like a repeated pattern vs. extending the same image out across both sections. I'm unsure if it's possible to do it the way you're asking for here but I can check in with the Square Online Store Support Team and report back here with what I find out. Thanks for your patience in the meantime!

Re: How to extend Main Banner image to Header?

pessosices — Tue, 17 May 2022 16:29:31 GMT

@AdamB 👀

Re: How to extend Main Banner image to Header?

_Violet — Tue, 17 May 2022 17:06:09 GMT

Got an update for you, @sciabica1936!

From your Square Online Dashboard, you'll go to edit site > click on header > customize > background > change from Image to transparent and the main banner background image will bleed into the header.

Hope this takes care of it for you!

Re: How to extend Main Banner image to Header?

AdamB — Tue, 17 May 2022 18:31:16 GMT

Thanks for the tag, @pessosices. @_Violet's suggestion should get you what you need, @sciabica1936 - if it does, be sure to click on the "mark as best answer" button for the reply. If not, reply again and let us know!

Re: How to extend Main Banner image to Header?

sciabica1936 — Tue, 17 May 2022 20:00:22 GMT

Boom!

Re: How to extend Main Banner image to Header?

AdamB — Tue, 17 May 2022 20:00:51 GMT

Nice! Thanks for doing that. 😄