Jump to content

Ecwid shop being cut off by Site Header

Recommended Posts

Site URL: http://porcupine-purple-5rls.squarespace.com

We're a distillery in the process of switching our website to the Squarespace platform. We're almost finished building the site but since we sell age restricted products, we had to use Ecwid, a third party ecommerce company. 

We seem to be having an issue where our site header is cutting off the top of our store. Squarespace says they aren't able to help with coding and I don't really have experience with it. I'd stay within Squarespace if we were able to but between Squarespace and Stripe, we have no choice. 

Does anyone know how I could add some extra space at the top of our "store" page so it's not being cut off by the site header?

 

Thanks in advance 

Screen Shot 2020-12-09 at 10.34.43 AM.jpg

Link to comment
  • Replies 10
  • Views 742
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...
1 hour ago, theroasteddad said:

I have the same issue - site header is cutting off the top of our store.

It is normal for the header to be layered on top of the page content but, if your header is tall, this can be an issue.

As you haven't provided a link to your site I'm unable to see the issue first hand or test a solution but you may find that this gets you started. Add it to Design > Custom CSS and adjust the number of pixels to match your requirements.

.site-wrapper {
  padding-top: 140px;
}

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
  • 5 months later...
On 8/13/2022 at 12:46 AM, wbbosworth said:

I have the same problem, but my header is set at opacity 0%. I tried the code you offered below, but it made the header have a white background. 

www.reachnaz.com

Where is ecwid Can you take a screenshot? I don't see any here

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
On 8/15/2022 at 9:36 AM, wbbosworth said:

I sorry. I misread the original question. I don't have a shop, but my background video is being cut off by the header. I didn't read the question completely. Here is a screenshot of the home page. Notice the top of the video (background video) is cut off.

Picture1.png

Can you check original video? It looks cut off here too

https://video.squarespace-cdn.com/content/v1/61a7d832cda4a26503625f20/81f2a30f-c1b5-4886-8f14-1aedfb26d732/mp4-h264-aac-2560:1080

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
  • 2 months later...
On 8/17/2022 at 11:04 AM, tuanphan said:

Sorry to butt in, but can I ask how you find the URL for a video like it is above?

I found some custom code to allow a video to autoplay, and it includes a video link like the one here (beginning https://video.squarespace-cdn.com/...). However I obviously want to be able to add my own video.

I see the video in this thread is set as a background, but I can't for the life of me find out how to recreate the link! 

I hope this makes sense. Any help appreciated. 

Link to comment
On 11/9/2022 at 5:52 AM, LouiseDrever said:

Sorry to butt in, but can I ask how you find the URL for a video like it is above?

I found some custom code to allow a video to autoplay, and it includes a video link like the one here (beginning https://video.squarespace-cdn.com/...). However I obviously want to be able to add my own video.

I see the video in this thread is set as a background, but I can't for the life of me find out how to recreate the link! 

I hope this makes sense. Any help appreciated. 

You can upload video to your site, if video name is two-cats.mp4, then video url is: yourdomain/s/two-cats.mp4

eg: tuanphan.squarespace.com/s/two-cats.mp4

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

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.