Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'anchor'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. 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 🙂
  2. Site URL: https://weightlosswithcoachmelanie.squarespace.com/ Hey peeps. I'm trying to use anchor links in my clients navigation to jump to a section of a page... password is: melanie the "Weight Loss Philosophy" and "Favorite Clients" are both on the same page. I've tried numerous methods and nothing seems to be working. Currently I'm using a code block on each section, with a unique id (weight loss philosophy is #approach, favorite clients is #clients) On another note, I've noticed that another clients anchor links that have been working beautifully up until now have also stopped working (About dropdown on https://livevitae.com) - is anyone else having issues? Or am I just doing something wrong?
  3. Site URL: https://danedits.co.uk/ Hello Everyone, The navigation menu / header appears different on pages when compared to my homepage - despite telling the squarespace edit tool otherwise. HOMEPAGE https://danedits.co.uk/ OTHER PAGE https://danedits.co.uk/my-work. By default, according to Squarespace edit tool, my header should be transparent until scroll then it turns black. This works on my homepage but the colour are different on other pages. Does anyone know why this is happening? Should I target the header on that specific page and style in using CSS? If so, does anyone know the code? Dan
  4. Site URL: https://bisourouen.fr (password: lachose) Hi, I'm using anchor links on all my pages, but due to the header/nav bar being fixed, the top part of any page (from where anchor link jumps to) is hidden beneath the header/nav bar. So I would like any anchor links to point to the top of any page. I'm using anchor links like this: url with # to the slug url of any page. Any suggestions for how to change this please? Website isn't public yet and using the Version 7.0- famille Brine (template Basilic). Thanks
  5. Site URL: https://someguystop1000albums.com So I have a site that is thumbnail gallery display pages where each thumbnail links to its own post. I have 1000 of these broken into 10 display pages that are accessed from the navigation. Recently I switched from Avenue to Brine theme to have more control over the post, like being able to shut off dates and name. With Avenue you were able to click on a thumbnail then hit the BACK ARROW on computer or BACK BUTTON on smartphone and it would bring you back to where you were on the scroll (where ever the album cover thumbnail is). Now, with Brine, it brings you to the top of the page. This is a problem, especially with smartphones, given there are a 100 thumbnails per page arranged two per row. Is there a code fix that would make Brine behave like Avenue on this point. Below are captures from a desktop and smartphone
  6. I installed an anchor link on my homepage in Squarespace 7.1 and when i click the link it jumps to the section instead of scrolling down to it. I'm using a CODE block with a DIV ID in the section I want to scroll to. see code below: <div id="pp"></div> and for the text link I put: /homepage/#pp It doesn't scroll, it just loads the section that has the Code Block with ID. Any help is appreciated. Thx
  7. Hi! Is there any CSS to create an anchor link to a specific block within a section? Not to a section in that page; I have a lot of blocks in one sections and wanted to create an index that can link to the specific block it refers to rather than a different section. Thanks!
  8. Site URL: https://www.sanchiafernandes.com/opal-2 Hi Everyone, I'm looking to create a sticky sidebar with Anchor links that jump to relevant content on the page. Could someone please guide me? I'm not looking for a sidebar that navigates to other pages on the website. Any advice or suggestions most welcome. I feel I really need it to improve the usability on my site so people don't have to scroll through all that content. So if you visit the url https://www.sanchiafernandes.com/opal-2 you'll notice a few headings on the left hand side of the page 'Overview' 'Research' 'Ideation' and so on. I'd like to convert that into a sticky sidebar if possible. Any magicians who can help? Cheers 🙂
  9. Site URL: https://strawberry-octagon-l8ej.squarespace.com/config/pages Is it possible to link different banner images on a main navigation page to separate pages on my site? As you can see from the screenshot I have several projects displayed for each banner image and would like these to direct the user to the relevant separate pages when clicked on. If anyone knows how to do this or has some code that would make this possible please?
  10. Site URL: https://www.thepcrrg.com/ From WordPress to square space, we want to target the and transfer the site. Guide us,
  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. I created an anchor link that goes to a code block further down the page. In the code block, I have the following code: <h3 id="popsiclepostscript">*Popsicle Postscript </h3> The anchor link works, but now the blank space below the "*Popsicle Postscript" heading is slightly taller than the spacing below the other h3 headings that were created within text blocks (without anchor links and HTML coding). Is there a way to reduce the space below the linked heading?
  13. Site URL: https://www.laluneconsulting.com/stay-snoozin I'm creating a new type of sales page for my subscription service. There will be two different options to purchase laid out at the bottom of the page. I will have "Buy Now" buttons throughout to encourage purchase but I want them to link to the bottom of the page with the subscription options rather than link off to another page or external URL. Is there a way to do this in 7.1? The page is currently password protected. Password is "squarespace"
  14. Site URL: https://www.blackfishgoldstudios.com I've designed a single-page / scroll website with anchor links that jump to page content in the always-present mobile menu. These links are held in the header of each section. When selected from the menu, the page jumps past the selected header and into the section content. Is there a way to make the jump more precise? I've already tried adding a <span> above the header with the id placed therein. That did not alter the issue. Much appreciated in advance!
  15. Site URL: https://berkshireic-cms.squarespace.com I'm trying to add anchor links to my site, but am running into issues with the link landing below the corresponding anchor due to sticky navigation. I'm in Brine, 7.0 and, while I know this particular feature is possible via other methods in 7.1, that is not a possibility here. Can anyone help with this? Thank you! You can see an example on this page: https://berkshireic-cms.squarespace.com/clients-services-fees password: BIC2021 Pinned sticky header using Tuanphan's code from a previous post: .Header.Header--top { position: sticky; position: -webkit-sticky; top: 0px; z-index: 1000; width: 100%; } Tried this solution offered in previous post by a Wordpress user. Some folks had success with this, but it does not work for me: :target:before {content:"";display:block;height:120px; /* fixed header height*/margin:-120px 0 0; /* negative fixed header height */ }
  16. Site URL: https://www.ariestheagent.com/ Hi Squarespace pros! At the bottom of this page, there are three images (scroll down for screenshot). When you hover over the images, you see Properties, Buying and Selling respectively. When you click on an image, you should be taken to the right spot on this page, but it's just not happening. I've tried different approaches with slightly varying results, but none of them satisfactory. On the initial page, the three images have the links https://www.ariestheagent.com/services/#Properties https://www.ariestheagent.com/services/#Buying https://www.ariestheagent.com/services/#Selling On the services page, the landing text is linked like this (see first screenshot). I tried using a code block at first, to no avail. What am I doing wrong here? Thanks so much!
  17. Hey everyone, i'd like to remove an <a> element from my site, there's no id which makes it impossible for me to figure out! Here's the element's code: <a target="\_top" rel="noreferrer noopener" href="SimpleURL" class="css-11cewt9" style="display: flex !important; position: static !important; height: auto !important; opacity: 1 !important; color: rgb(51, 51, 51) !important; font-size: 16px !important; align-items: center !important; text-transform: uppercase !important; font-weight: 400 !important;"><img src="SimpleURL" width="16px" alt="" style="margin-right: 5px;">Text</a> Thanks in advance!
  18. Hello all! I created an anchor link on my home page. So currently when people click "services" on my navigation bar it scrolls them down the homepage to my services section. But say I am on the "projects" page and I want to go back to services (on the home page). When I click the services button from the projects page - it does nothing? Is there a way to make it so no matter what page I'm on it will always make it so wen you click on the services button it will go back to the homepage where the anchor is?
  19. Site URL: https://www.cudgenslsc.org.au/kingscliff-slsc-bar-bistro/ I am attempting to add some text anchor links (a pseudo menu) at the top of this page: https://www.cudgenslsc.org.au/kingscliff-slsc-bar-bistro/ Template is Marquee v7.0 Just below the video header, you'll see an attempt at a text menu: "What's On" "Eat" "Functions" "Members" "Contact us" Members and Contact us are working just fine but I am trying to link What's On Eat Functions to their respective areas just down the page a bit I have added a code block at each of the areas to be linked and attempted a variety of anchors/links but NONE are working correctly. EVERY attempt ends up back at the actual top page section data-url-id="kingscliff-surf-club" and the url https://www.cudgenslsc.org.au/kingscliff-slsc-bar-bistro/#kingscliff-surf-club In the code block, I have tried many obvious combinations. Examples; <div id="whats-on"></div> <div data-url-id="whats-on" id="whats-on"></div> <div data-url-id="whats-on"></div> I have also tried a variety of url links to those ID's with; #whats-on, full path, trailing slash, no trailing slash, etc Nothing works. Everything ends up back at #kingscliff-surf-club Odd thing is, I can use those new text links to successfully link to the actual Member page section further down at https://www.cudgenslsc.org.au/kingscliff-slsc-bar-bistro#membership-open The Member section however is an actual Squarespace created data-url-id section whereas the other links I'm trying to connect to, I'm adding myself and are all contained within the #kingscliff-surf-club section of the page. Source code suggests it should be working OK? Any suggestions on why it's not working would be appreciated. Thanks in advance.
  20. Site URL: https://pointloma.org/anchor-test I have having trouble getting anchors to work correctly. I created a test page called anchor-test. It involves a button, image and then the code block identifying the anchor. No matter what I try, when I click on the button it always reloads the page and goes to the top. The button links to https://www.pointloma.org/anchor-test/#anchortest1 The code block has <h1 id="anchortest1"> This is an anchor test</h1> I have tried Safari, Chrome, without Ajax Can someone point out what I'm doing wrong? Thanks.
  21. Site URL: https://shanesimpkin.co.uk Hey everyone, I've been looking for the answer on the SQ forums but haven't found the right answer. So I've set up my anchor links which work, however, how do I set the anchor to start at the top of a section rather than where the code block is? For example, the anchor for about goes directly to where the respective code block is but I would like it to stop at the top of a section
  22. hi all, is it possible to use the id of a section ( with a gallery in it) as anchor to link to from an other page ?
  23. Site URL: http://www.carrandcompany.co In my top nav, "Services" and "Clients" link to anchors on my "About" page. The URLs are "https://tortoise-drum-aj9y.squarespace.com/about#services" and "https://tortoise-drum-aj9y.squarespace.com/about#clients", respectively. After these links load, they immediately flip to: "https://tortoise-drum-aj9y.squarespace.com/config/". Not sure why. Is there a way to make "carrandcompany.co/services" and "carrandcompany.co/clients" work? Would appreciate any help!
  24. Site URL: https://www.passadobrasil.com/modern-basil Hey everyone, Coming here as my second attempt to figure out how to customize my site without using the pesky navigation bar. My goal is to setup a one page style website, using anchor links. As per the article, it cannot be done on navigation buttons. I would like to setup text or buttons on the banner section but I do not see anyway to add it over top of the picture. Can anyone help me here? Thanks!
  25. Site URL: https://www.citiesindustjewelry.com/faq/ Hello, I can usually get anchor links to work but for some reason the links in the menu at the top (How do I care for my jewelry?, Will my CID jewelry cause an allergic reaction?, etc.) are not pointing to their respective locations on the page. I've tried using pointing the links to both web address and pages in the settings options, but no luck. I've also tried putting "blank" code above each question instead of making the question itself the anchor and no luck... Any help would be so welcome here. Thanks in advance for your time.
  • Create New...