McLaughlinDistillery Posted December 9, 2020 Share Posted December 9, 2020 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 Link to comment
tuanphan Posted December 11, 2020 Share Posted December 11, 2020 Hi. See good here. If you still need help, let me know. 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
theroasteddad Posted March 11, 2022 Share Posted March 11, 2022 Hi there, I have the same issue currently, any tips on how to fix this? The Roasted Dad Link to comment
paul2009 Posted March 11, 2022 Share Posted March 11, 2022 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 ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
wbbosworth Posted August 12, 2022 Share Posted August 12, 2022 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 Link to comment
tuanphan Posted August 14, 2022 Share Posted August 14, 2022 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
wbbosworth Posted August 15, 2022 Share Posted August 15, 2022 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. Link to comment
tuanphan Posted August 17, 2022 Share Posted August 17, 2022 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. 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
wbbosworth Posted August 21, 2022 Share Posted August 21, 2022 LOL - oh my goodness. You're right. I guess there is nothing we can do about that - if the videographer cut his head off. Thank for your help. Link to comment
LouiseDrever Posted November 8, 2022 Share Posted November 8, 2022 On 8/17/2022 at 11:04 AM, tuanphan said: 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 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
tuanphan Posted November 12, 2022 Share Posted November 12, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment