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

Search the Community

Showing results for tags 'anchor'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 21 results

  1. Is there a way to create anchor links where the slug portion is dynamically generated to just be "this" page? I'd like to not have to edit all my links after cloning the page. They all jump down to sections on the same page.
  2. I have set up anchor links on a site using the Harris template and following Squarespace's direction to insert code to make anchor links work. I've included the home page slug and the anchor in my links. They work perfectly on desktop, but on mobile they don't go anywhere. Anyone have a solution? Thanks!
  3. 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
  4. HI, I'm struggling with getting used to squarespace 7.1 trying to do simple things. Previously in 7.0 you can create index pages and link to the page slug. I am create a one page scrolling website, but I wan to create a link in the navigation to jump to a section further down the page. How on earth do I do this in 7.1?? many thanks
  5. "Links must be formatted as www.example.com or example.com" So how are anchor links managed now?
  6. I've already looked in the SquareSpace support page on how to make the anchor link...but I'm still not getting this to work. The buttons on the page have the link to the anchor: #join, which should scroll the view down to the sign-up box. (That box has its own code that was provided to us by our client.) I first named it "#signup", but all the link did was reload the page w/o scrolling to where I wanted it.I then noticed that the URL now read "#join" at the end instead of "#signup". First, I viewed the page source. No clue where that new anchor link name was coming from. Then I went back into the code, switched the anchor link name to "#join", hoping that it might fix it.Nope. Still reloads without scrolling to where I want it. Today, I've updated my code again after seeing some answers here, but the anchor is still not working.Any advice on what i'm doing wrong?Or is that script already there from the sign-up box interfering with it? Code I am using: Link to the anchor on the buttons: http://greaterjacksonartscouncil.com/artstribe/#join Page in question is: https://greaterjacksonartscouncil.com/artstribe Thanks for your time. If there is an answer I that I missed that does address this, please reply with a link.Much appreciated.
  7. Index pages with anchor links to the various sections of the index are a very common website setup nowadays. Unfortunately the anchor links do not work correctly on mobile. In my case, when clicking an anchor link doesn’t close the menu and scroll to the correct section. My idea of solution is to add a click event. When clicking the anchor link, the mobile navigation will close. But this function still not work at my website. Can anyone tell me is that anything I did wrong? My website: I-kinball.org (pw: treats) reference website: riverstonedigital.com (mobile version) This is the function I added: <script> //Anchor link fix function anchorLinks(){ Y.all("a.Mobile-overlay-nav-item").on('click',function(){ Y.one('body').removeClass('is-mobile-overlay-active'); }); Y.all("a.Mobile-overlay-folder-item").on('click',function(){ Y.one('body').removeClass('is-mobile-overlay-active'); }); } // DOM Ready Y.on('domready', function(){ anchorLinks() }); //RSD Mutation Boserver wrapper function RSD_init(){ anchorLinks(); } // add watch function to window.onload window.onload = RSD_watch; // watch function to look for page changes using Mutation Observer function RSD_watch() { MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var mo = new MutationObserver(function(mo) { var moCount = 0; for (var b = 0; b < mo.length; b++) { var c = mo[b]; if ("attributes" === c.type && moCount === 0) { RSD_init(); } } }); var options = { attributes : true, attributeFilter : ['id']}; mo.observe(document.body, options); } </script>
  8. I did a chat with squarespace but I am still struggling. I am trying to create multiple pages inside a page. I was told about anchor links and adding links. I created a text box and did a link (called new page) and created it I then created another link but now I don't know how to link it to its own page so I can create it. I clicked on new page again but it just sends me back to the first link I made. I need to make 26 extra links. Can someone dumb this down for me. I read everything online but I feel confused. Thanks
  9. How do I create an anchor link from a dropdown main menu? •scoobie
  10. 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
  11. I want certain links to jump to certain sections on a page. For example, I have a section called "evaluation". I added a code block containing only <p id="evaluation"></p> and made it really small and put it inside the evaluation section of the page. I have a link to understandingimpact.com/services/#evaluation. The link goes to the evaluation section of the services page, but it jumps to close to the bottom of the evaluation section, not the top. My code block is tiny and right at the top so I don't know why this is happening. I have three sections on this page, each with a code block establishing an id, and all of the links jump to the bottom of the section I want them to go to, instead of the top where the code block is.
  12. I have a little bit of an odd problem with anchor links and mobile navigation in the new 7.1 template. I'm creating a single page website for a client (unfortunately I cannot yet share the website) and have created anchor links in the main navigation so users can quickly scroll to sections of the page. I've done this by setting the links as "#AboutUs" for example, and creating an empty div with the id "AboutUs" where I want the page to scroll to. In the desktop layout this works as intended, but on mobile when a navigation link is clicked the full-screen navigation menu remains open. The user is then completely unaware that the link has worked as it looks like nothing has happened, when in fact behind the full-screen navigation menu the page actually has scrolled to the correct point on the page. I've tested this in a live 7.0 site and it works as intended (open mobile navigation > click on anchor link > mobile navigation closes and page scrolls to the relevant id) but not in 7.1. I've also noticed that the page no longer smoothly scrolls when clicking an anchor link like it did before, but this is a minor issue compared to the above, so it doesn't bother me too much. TL;DR In 7.1, is there a way to force the mobile navigation menu to close when an anchor link is clicked?
  13. Hello I'm using the Bedford template and have a one page website with section anchor links up top in the navigation menu. These links work perfectly fine on desktop and iPad. On the iPhone though, the links are hidden in a hamburger menu button and after opening up the menu cannot be clicked. Can anyone help me figure out how to make these links work on mobile? Thank you!
  14. I've got this index page on my website: https://thegamerscat.squarespace.com/media/With 4 pages within it: Info, Games, Films, and Others. And I want to have three button blocks on the top page (Info) that will bring the user down to a specific page in the index. How do I do it? I have little to none programming knowledge by the way.
  15. Hey all! I'm totally new to squarespace and I'm trying to set up a fairly simple photography website and wanted to have everything on one scrolling page. I have the index page all set up but I can't figure out how to get the navigation bar to link to sections of the index page. For example, I can only get a link to the "About" page to show up in the navigation bar if it's a separate page. If I move the About page to a section in the index page it disappears from the navigation bar. Is there a way to get sections of the index page to show up in the navigation bar, so I can set it up to scroll down to the About section by clicking it in the bar? Thanks in advance for the help!
  16. I've got a one-page website, but obviously each section has its own url slug. This isn't a problem by itself, but when a user goes directly to one of those section URLs (www.gabrielmolinamusic.com/services , for example), they are taken to a separate page with only that section. Instead, I want the URL to take them to the anchor point for that section on the homepage, so they can still scroll up or down to see the rest of the page. I hope that makes sense. My website is www.gabrielmolinamusic.com , and you can see the problem by going to the slug /services or /works for a couple of examples. Squarespace support had no answer other than blocking those pages with a password, but I was hoping there is a way to accomplish my goal with custom code. Any help is appreciated. Thanks!
  17. Hello!I'm creating a website using the Pacific Template. All anchor links from the main navigation work perfectly on desktop, but on tablets they don't scroll but just jump to the correspondent section. I solved the problem on phones where I use the hamburger menu with the following code (by @Manmeet ) , but on Ipad, where I still use the main navigation menu nothing happens. $(function() { $('a[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); Does anybody knows how to solve the problem?Thank you!
  18. I'm looking to change the style of an anchor link ID. I want this text (which is a header) to match the style of text on the home page. This is my website template address: https://ocelot-porcupine-8nmr.squarespace.com
  19. When I add JavaScript Animated Typing with Typed.js, the scrolling gets messy. Not at first, but when you go to another page eg. Blog, project, event -> then go back to one of the links in navigation bar (except home). If you then try to scroll on the page, it will not work. I have contacted Squarespace support, but they cannot help with custom code. Recording of the issue: https://video.drift.com/v/abzXQTKvDfo/ Typed JS: https://mattboldt.github.io/typed.js/ Site: https://skih.no/Password: 123456789 I have tried many different typed js, but they all have same issue. I think the problem is with the Pacific template and how the anchor links work. If some of you can help, I would highly appreciate it! Thanks,Taulant
  20. I've created a website using the Hayden template and I would like to add a dropdown navigation to the main menu so that users can quickly navigate to a specific section within an index from the menu. Right now, the theme only supports the top level index page to appear within the main navigation, and I would like to be able to reveal the sections within the index in a dropdown menu upon hover. This would likely involve creating anchor tags for the different sections and then referencing them in the dropdown menu, but I'm not sure what code I need to inject in order to achieve this, and how to do it without breaking the navigation for tablet and mobile. I've seen others attempt to do this by creating folders and then referencing the index sections as a page within a folder, but this doesn't achieve the effect I'm looking for because, if a user clicks on the section within the dropdown navigation, it will only reveal that particular section and the user cannot scroll up or down to view the other sections. Does this make sense? In short, what I'm looking to do is to create dropdown menu navigation for the sections within an index using anchor tags. Any suggestions and coding wisdom are welcome!! Thanks!
  21. Hi all. I wanna create a back to top button at the end of my home page which is an index made of 4 pages. I wanna add the button to the very bottom of course and I want it to take the viewer to the very top (again, of course). I asked for help from customercare but apparently since it requires some coding they cannot help with it much other than sending a sheet that is clear as mud and that sounds like brain surgery to me (yes, I am clueless about how to code). Can please someone help me with that by explaining it in plain everyday English? Thanks!
×
×
  • Create New...