Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Cloovercam

  1. Hello, I would like my first section of the home page to be full screen and to not have a header. Instead of a header i would like a simple drop down option with the different options. Would someone be able to help me here? I am surprised squarespace doesn't have more header navigation options. Similar to the attached, but without the header bar. Thanks in advanced!
  2. I have, but it still doesn't seem to work as expected. I think i may have diagnosed what the issue is though. When I do try to get to my anchor link, it looks like it starts to scroll and then something stops it. When I expected further I could see that there are 3 errors being highlighted from a 3rd party tool 'calconic'. When I remove this tool from the homepage, the anchor links then works as expected! Issue is I like this tool and don't want to have to remove it... So will need to troubleshoot these errors!
  3. Hmm. Still does not seem to be working for me... Very strange!
  4. Thanks, but sadly this still isn't working as expected. 😕 1710895703_anchor4.mov
  5. Thanks. I have also submitted one but I am really struggling to get anywhere with them. They keep thinking the URL slug or code is incorrect, when it is not.
  6. Thanks Paul. I have removed all of those services (except the hubspot form as this is mandatory), and it has improved slightly, but still quite slow. Hard to believe 1 hubspot form can slow the website down that much. Are there any changes we can do with the loading method? I.e load the items at the top first, then load the rest? Or any other suggestions? Thanks, Cameron.
  7. Note, I have also reduced all Image sizes, but it is still very slow.
  8. Might this be a bug with Squarespace? Cannot see anything wrong on my-side?
  9. Is there someone else who might be able to take a look? This is quite a crucial part of our website as you can imagine! We need people to be able to navigate easily to contact us. Thanks, Cameron.
  10. Hey Ziggy, Thanks for your response. I have updated this, but it still does not solve the problem. You can troubleshoot this by following these steps. Go to https://www.cloover.se/ Click on 'contact us' Notice that the URL changes to https://www.cloover.se/home/#form Then if you click on 'contact us' again, it then works! (Strange) Thanks, Cameron.
  11. Hello, My website take a while to load. Any suggestions to make it quicker? With the new squarespace update, I have been able to remove all custom CSS, but it is still slow. Also, any other suggestions or feedback on the webpage would be warmly welcomed 🙂 Thanks, Cameron.
  12. I have followed the steps here - https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links Code block has been added with <p id="form"></p> And all buttons have the url slug https://www.cloover.se/home/#form But it just keeps bringing me to the top of the home page, and not the form. When you then click on the 'contact us' button, at the top of the page, it then goes down to the anchor link. Please help. Cam
  13. Hello! I have created this landing page (https://www.cloover.se/landing-page-test) which look fine on desktop view. But when you go to mobile it looks terrible... What I would like to do is re-arrange the blocks, so that the logo goes on top etc. Is there a way you can list the order of the block codes in the order they should show in mobile view? Everywhere I find online tells you to put into separate sections, which is not ideal for a landing page. Many thanks, Cloovercam
  14. Hey Ziggy! Just wanted to update this thread that a solution (albeit not sure if its a buggy workaround...). I have added I added a margin to the right of both blocks which seems to have worked: @media screen and (max-width:640px) { div#block-8db4dc13e91503dc872d * p { margin-top: 0px; margin-bottom: 0px; margin-right: 10px; margin-left: 0px; }}
  15. For some reason that changes the margin on the desktop, but has no effect on mobile view. Even if I add @media only screen and (max-width:640px) { Any ideas why? Do you want me to open up a new case for this?
  16. Hey Ziggy. It seems, that by doing that (or maybe this is a separate issue) that some blocks (ones where I have added custom CSS as a split section) are too far over to the right with no padding. I have tried adding padding but it doesn't seem to help... Some screenshots below:
  17. Hey Ziggy - Thanks for your response. Page url is - https://www.cloover.se/ I have used a lot of custom code for mobile. See below all mobile custom CSS... @media only screen and (max-width:640px) {#header { height: 120px; }} //Split screen for peace of mind customer page @media only screen and (max-width:640px) { [data-section-id="63578ed02a2a3d7110b0b46d"] { .content-wrapper { padding: 0px !important; margin: 0px auto; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 30px !important; padding-top: 0px !important; padding-left: 40px !important; } overflow-x: hidden !important; overflow-y: hidden !important; } .image-card-wrapper .sqs-dynamic-text-container { padding: 30px !important; }} @media screen and (max-width:640px) { div#block-694c566c4d2fdb4918aa, * { text-align: center !important; }} @media screen and (max-width:640px) { div#block-368ff4cd7a8fecc983cb * { text-align: left !important; }} @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1664986793424_16733 * { text-align: left !important; }} @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1664986793424_18547 * { text-align: left !important; }} //Split screen for phone adding bottom padding @media only screen and (max-width:640px) { [data-section-id="6357d750bd5978258f113127"] { .content-wrapper { padding: 0px !important; margin: 0px auto; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 30px !important; padding-top: 0px !important; } overflow-x: hidden !important; overflow-y: hidden !important; } .image-card-wrapper .sqs-dynamic-text-container { padding: 30px !important; }} //Customer page icons and text @media only screen and (max-width:640px) {#block-yui_3_17_2_1_1666777763453_45647.sqs-block-image{width:20%; margin:auto}} @media only screen and (max-width:640px) {#block-yui_3_17_2_1_1666777763453_16372,#block-bc2a6e28b19e4931987b,#block-6896107573187cb4308a,#block-906e0af465acdd95da3e,#block-fe5812a00338db51e931,#block-675fd4f96ba37fa822cf,#block-beef421953c9aaa870f6.sqs-block-image{width:20%; margin:auto}} @media only screen and (max-width:640px) {#block-yui_3_17_2_1_1666777763453_7745.sqs-block-image{width:18%; margin:auto}} @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1666777763453_10477,#block-yui_3_17_2_1_1666777763453_19361,#block-yui_3_17_2_1_1666777763453_39181,#block-78bea7e5dc5acbf58a6c,#block-a8ce527e166de90913df,#block-2e7b1e22ff7e85728240 * { text-align: center !important; }} //--------------------------- @media only screen and (max-width:640px){#block-yui_3_17_2_1_1666795389761_17719.sqs-block-image{ width:95%; margin:auto}} @media only screen and (max-width:640px){#block-yui_3_17_2_1_1666700891852_65939.sqs-block-image{ width:100%; margin:auto}} @media only screen and (max-width:640px) {#block-8db4dc13e91503dc872d * { text-align: center !important; }} @media only screen and (max-width:640px) { div#block-8db4dc13e91503dc872d * { text-align: center !important; }} @media only screen and (max-width:640px){#block-yui_3_17_2_1_1666084805724_4391,#block-yui_3_17_2_1_1666110357951_35288,#block-yui_3_17_2_1_1666110357951_46346,#block-yui_3_17_2_1_1666110357951_55532,#block-yui_3_17_2_1_1666110357951_75621.sqs-block-image{width:30%; margin:auto}} @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1666099091629_48787,#block-yui_3_17_2_1_1666099091629_58950,#block-yui_3_17_2_1_1666170719789_394812,#block-yui_3_17_2_1_1666110357951_11111,#block-yui_3_17_2_1_1666110357951_14137,#block-yui_3_17_2_1_1666110357951_8392,#block-yui_3_17_2_1_1666110357951_9701,#block-yui_3_17_2_1_1666099091629_48787 * { text-align: center !important; }} @media only screen and (max-width:640px) { #block-ab31c49508469f56b788,#block-3961b637882c33546e09.sqs-block-image {width:97%; margin:auto}} @media only screen and (max-width:640px){.sqs-block-image{width:50%; margin:auto}} @media screen and (max-width:640px) { div#block-0acdfdeb80e3cfe845aa * { text-align: center !important; }} @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1665147872449_230752 * { text-align: center !important; }} @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1665147872449_270267 * { text-align: center !important; }} @media screen and (max-width:640px) { .header-title-logo img { max-height: 80px; } } @media screen and (max-width:640px) { .header-title-logo { width: 400px; padding-left: 0 !important; } }
  18. Hello, So when I first enter the landing page on mobile view, the page looks as expected. But when you zoom out on your phone, weirdly there is a huge margin on the right hand side. How can I remove this? Thanks in advanced.
  • 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.