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
  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 27 results

  1. 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>
  2. Site URL: http://www.sevenvalleyshealth.org Hello! I have anchor links embedded within my site and they work like a charm for PC/tablet platforms but do not work on a mobile platform. It seems this is an issue that others have had problems with from what I am seeing on the forum, but has anyone figured out a solution for this? Thanks! --SVHC
  3. Site URL: https://www.ivyhillentertainment.com So this seems crazy that this doesn't work but I'm wondering if it's because of the way that SS loads content.... I want to be able to share a link on social media or an email or something that links to a specific place on a page that is www.site.com/#my-anchor and desipite following even the SS help doc on this it doesn't seem to work. Here's an example www.ivyhillentertainment.com/#home-throw-a-party-title. SS also mentions something like adding the main page slug in-between the link and i've seen it in various places like this www.ivyhillentertainment.com/home/#home-throw-a-party-title or www.ivyhillentertainment.com/home#home-throw-a-party-title None of these seem to work... Any ideas? Am i just making some weird dumb mistake in the URL?
  4. Site URL: https://www.redeemerarlington.com I'm redoing my work's website and giving it a few tweaks. I'm used to WordPress, so Squarespace is a new venture for me. I would like to create one page for our About Us and link to different sections of the page in our navigation menu. Is there a way to set up anchor links on a page and make those the links on our menu? For example, About Us with the drop down of "Mission and Vision" goes to the "Mission and Vision" section of the page. I don't want to create an index page, I just want to to be one simple page with menu links. I tried creating an anchor link with a code block, but that wasn't recognized as a page in the menu link. Template: Polaris from Brine Family
  5. 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!
  6. 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
  7. Site URL: https://www.dpianostudio.com I am trying to insert an anchor link, following this Squarespace help. It used to work before, but not anymore. I am using Moksha (Brine family) template. I have tried header code Injection from: And also: but for some reasons I couldn't make it to work. It links to the correct page, but not the section. Please help! Thanks a lot in advance!
  8. Site URL: https://www.herefortherightriesling.com/ Hello, Is there a way to add an anchor link to link within the same page within the template that I chose? I just want to link a word at the top of the page to jump down to the middle of the page, but for some reason no where in this template allows me to add in custom code block? Any suggestions or work arounds? Thank you!
  9. Site URL: https://medscosheetmetalfabrication.squarespace.com Hello All, I've been trying to figure out how to emulate the index scroll indicator arrow on the top section of the page (link below) instead of having a button on different section of the same cover page. Is there any way to have multiple index scroll indicator arrow in one index page and replace the other two buttons with the same arrow? Was going for uniformity. Password for site: medscosite - What We Do (has an arrow indicator) - Products (have a button - want to emulate the arrow) - Who We Are (have a button - want to emulate the arrow) Not sure if there's a way to do this and a guidance/help would be appreciated. Thanks!
  10. 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.
  11. 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!
  12. 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
  13. "Links must be formatted as www.example.com or example.com" So how are anchor links managed now?
  14. 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.
  15. 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
  16. How do I create an anchor link from a dropdown main menu? •scoobie
  17. 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
  18. 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.
  19. 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?
  20. 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!
  21. 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.
  22. 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!
  23. 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!
  24. 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
  25. 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
×
×
  • Create New...