Jump to content

Search the Community

Showing results for tags 'anchor'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hellloo everyone! I'm an old website designer with a modicum of experience on html and almost every wysiwyg you've ever heard of. This is my first time on squarespace though. If you check out the link to the staff page above, you'll see what I want. A circle photo with name, title, linkedin and email. I want to link them to the full bios (to be edited) to the full profiles below using Anchor links. That's the reason I've used a blank section instead of a "people" template, which don't seem to allow links. My problem is the responsiveness. Mobile fine, desktop fine, in-between (shrunk window) gets jumbly. Can this be avoided / is there a better way than what I've done here? Many thanks in advance folks! Ben
  2. Is it possible to add anchor links within a page? nataliatamburini.com/journey-to-wholeness I'd like to have anchor links between some of these sections (FAQ's and Enrollment)
  3. Thanks to some of the other threads on anchor links, I got mine up and running for the most part. The problem is, they're overshooting their target by a good margin on every one. Can someone tell me what I'm missing? This is the code block I have on the page Heres the page : www.thetenmg.com/event Also, how do i make it so the menu can be collapsed to the side if they dont want to use it? This is the code block on the page to get the links visible on the right <ul class="tp-float-buttons"> <li><a href="#WHAT">WHAT</a></li> <li><a href="#WHO">WHO</a></li> <li><a href="#WHEN">WHEN</a></li> <li><a href="#WHERE">WHERE</a></li> <li><a href="#SPONSOR">SPONSOR</a></li> <li><a href="#GUEST">GUEST LIST</a></li> </ul> <style> ul.tp-float-buttons { position: fixed; top: 15%; right: 3px; z-index: 999; list-style: none; padding-left: 0; margin: 0; } ul.tp-float-buttons a { color: white; background-color: black; padding: 3px; margin-bottom: 2px !important; display: inline-block; min-width: 125px; text-align: center; font-size: smaller; top: 125px; position: relative; } </style> And this is the CSS code i had pertaining to it: html { scroll-behavior: smooth; scroll-margin: 300px; } .anchor { display: block; position: relative; top: -150px; visibility: hidden; #WHAT {top: -250px;} } and finally this is the code block i put in the very top of each section for the anchor links to refer to: <div ID="GUEST"></div> and <div ID="WHEN"></div> and <div ID="WHO"></div> etc etc
  4. Hi Forum members, I hope there is someone able to help me as the SQSPC Customer Care was unable and reverted me to the forum. In the header video of the site is a button 'Go to Twitter' that links to an anchor down the page where the Twitter feed is located however this is not working. When you click the button the url does show the #notifications anchor. I have also tried https://www.wwgc.co.nz/welcome#notifications with the same result. According to the Customer Care team the problem is the custom code that I have used in the Twitter and Facebook section of the home page. Is there someone out there that can provide a solution without needing to remove elements (custom code) of the site? Your help is much appreciated. Cheers, Dennis
  5. Hi, would like the text box to stick to the top and the images scroll, please can you supply the code. thanks https://www.emmapartridge.co.uk/play/project-one-f5w4d-w4mye
  6. Site URL: http://www.embodiedjourneyspsychotherapy.com Hi all! I'm wanting to use a button on my homepage that links to a list item. I've seen tutorials in which is is possible to create an anchor link to a specific block, but I'm wanting to jump to a specific list item. Is this possible with CSS? Thanks for your consideration.
  7. Hello, not sure what the problem is but I added an anchor tag linked to an id in one of my pages. In desktop, when i click on this anchor tag my browser opens the new page and sends me to the specific part of the page I need. But on mobile, it simply opens the new page from the beginning. My website is https://www.anakarinawrites.com/ and it's this particular url https://www.anakarinawrites.com/author#block-yui_3_17_2_1_1664972021996_698108 that just wont open on mobile. Any help?
  8. Hi, I have setup anchor links on the website and they are working nicely when browsing. However, If I direct link to an anchor point, it would load the page at the anchor point, but snap back to top right after. Example: https://www.atlasfitnessgroup.com/#contact Any ideas how to fix this behaviour? Thanks!
  9. After following this tutorial I was able to make it so that when you click on the items in the header, it scrolls down the page to each relevant section. However, I am having an issue with getting the services header link to work properly. https://onepagelove.com/squarespace-smooth-scroll In order for the header link to scroll to the correct position on the page, the code block has to be placed in the portfolio section. However, the portfolio section doesn't allow me to add any code blocks. For the time being, I added the code block to the services section itself. As you can see though, the anchor link takes you too far down on the page. Screenshot shows where code block is currently placed. Any workaround or solution would be greatly appreciated. Website: http://www.pinteafilmcompany.com - Password is pintea2022
  10. Hello! So I was testing how to make a table of contents on an older post of mine using anchor links, and it seemed to work out pretty well. My only issue is that the space between the code block with the title and my paragraphs is now massive in mobile view. Does anyone have any advice? I included screenshots for reference.
  11. Site URL: https://courtneykellywrites.com Hello! I am completely baffled-- the anchor links that I use in my top nav to create a single scroll website with Squarespace 7.1 are jumping to the wrong sections of my site on mobile. They work perfectly on desktop, but on mobile, the links to latter parts of my page are off by as much as 1,000px. Can anyone help me figure out what's going on? Thank you so much in advance!
  12. Site URL: https://edu.ifixit.com/fast-fix-project-faq#two I added anchor links to my accordion menu using the markdown block and some CSS and jQuery, but I would like the question to expand automatically when the anchor links are used. The rest of the page functions just how I would like—users that end up on the page organically can toggle through each question—but when I send a specific anchor link to a user, I'd like the question to automatically expand. I'd ideally like to find a way to do this that also doesn't mess with the spacing or the hover color. I'm using Squarespace 7.0 with the Bedford template.
  13. Site URL: https://www.ditbaderum.dk/ Hi guys, So I created 4 anchor links in my header navigation. I want the nav link that is "active" to get an icon under. So when you scroll to the anchor point or click the nav links it gets an active icon. Is this possible? Password to site is Kris123
  14. Hi, I put two anchor links on my homepage. Both are in buttons and go to the same section on the same page. Both work separately after a refresh. However, when i click the first anchor link it works but when i want to test the second anchor link without refreshing the page it doesnt work. My page isn't currently live but I want to make sure that if someone was on the page live, both work every time the button anchor link is clicked and they go to the same section. Is this just a backend thing? Or should i create multiple anchor link codes that land to the same section? Thanks.
  15. Is there any way to turn the template generated navigation links into anchor links? So instead of opening a new page, the site jumps down the page to the anchor link. I am using the Harris template and my client has decided he wants it to be a single page site, without secondary pages. Is there any way I can achieve this? I have currently added text links to the body of the website to act as the navigation and hidden the template generated navigation. Ideally though I want the navigation to be in the navigation bar and not in the site body. link is here: https://koi-tuba-ck62.squarespace.com/ PW: HaefeleSugaree
  16. Hi everyone, I am used to creating anchor links in earlier versions of Squarespace. Now I need to link from a header button down the page to a section. HOWEVER that section is a Simple List in which you can only Edit Content via the side panel. I can find no where to put the anchor link code without it being visible and no way to add it just above the title. If I add a new section above it for the code there is this weird visual gap in the website design. Can someone help me solve this?
  17. Site URL: http://waterfallshire.com Yesterday I added anchor links and they were working well. Today, after I click on an anchor link, I can no longer access the small arrow that hides in the top right hand corner to diminish the page and get to the edit button. The only way to have it reappear is to close out the site and re-open. Any help on how to get the hidden arrow to remain accessible after using the anchor links would be appreciated! Thank you, Brenda
  18. Hi, I added a Service section (the one with the circles at the bottom); I added some buttons; each of the buttons links to a page. But on one button I would like it to link to an anchor on a page. But it does not let me type a #. I had a similar situation with the home page, to get around this I added a link that included the anchor. So I tried the same, only this link (from the button) will not be part of the navigation. Either way when I add a link from a button I can only choose pages and no links or anything with an anchor. Could someone please help?
  19. Site URL: http://pardalis.co.uk Hi all, I'm creating a one page website for a client and have put anchor links in corresponding sections of the site for easier jumping to sections. Originally I used ID blocks via a Squarespace extension, but later switched to anchor links. However, when visiting the site in mobile version, when clicking the link in the navigation bar, the jump is way off below the actual placement of the link, at the very bottom of the section. I'm using the 7.1. version, and see this is a common problem. Is there a solution?
  20. Site URL: https://kim-partridge-co.squarespace.com/ Hi all, I'm after some help with a client who wants to have drop-down folder in their main nav with what looks like 2 pages but are actually different sections from the same page. Image attached for reference. It goes About > The Team > Our Philosophy The Team & Our Philosophy are 2 sections on the same page. Is it possible to link to anchor points on the same page from the main nav? https://kim-partridge-co.squarespace.com/ PW: KPC Thanks
  21. Site URL: https://www.theshiftevent.ca Hello! I've snooped all the sources and can't figure out how to make the header navigation links I've created linke to a page section—not text—on a single scrolling page site. Hoping someone can help...thanks!
  22. I had anchor link buttons using "page-section-SectionID#" as the link but now that I upgraded the 7.1 section to fluid engine that doesn't work. Any suggestions or ideas on how I can make an anchor link button in fluid engine?
  23. Hello, I am building a single page website where I have added a custom navigation to the top with anchor links that make the page scroll to their specific section. Everything works fine except the third and last link, supposed to send you to the contact form, last section before the footer. When clicked it scrolls to the wrong place, on a section before the correct one. It goes to the right spot just on the second click. I have tried with 3 different coding solutions, all involving jQuery and they all behave the same way. Any idea why this could be happening? Thanks 🙂
  24. Site URL: https://artisanchiropractic.squarespace.com/services Hey friends - I'm wanting to create some footer links that lead you to specific card blocks within a clients 'services' page. Is this possible? https://artisanchiropractic.squarespace.com/services
  • 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.