emorykole Posted August 6, 2019 Share Posted August 6, 2019 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! Link to comment
tuanphan Posted August 6, 2019 Share Posted August 6, 2019 @emorykole Can you share site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
emorykole Posted August 7, 2019 Author Share Posted August 7, 2019 eleanorconsulting.squarespace.com Thanks! Link to comment
tuanphan Posted August 7, 2019 Share Posted August 7, 2019 They also do not work on the Desktop. Can you send Squarespace's direction link? @emorykole If your site is one page. You only need yoursitename/# anchor, no need to use /home/#anchor. I will work. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
emorykole Posted August 7, 2019 Author Share Posted August 7, 2019 Yeah I just noticed that too, they used to work fine on desktop but now they aren't anymore. I followed this article - https://support.squarespace.com/hc/en-us/articles/207842357 So each of my page headers - "What We Do", "Who We Are", "Contact Us", have a code block applied to the h1 with for example <h1 id="what-we-do">What We Do</h1> and then in my navigation, I created links that link to /home/#what-we-do Link to comment
emorykole Posted August 7, 2019 Author Share Posted August 7, 2019 Right so I noticed that too, but I have links to different pages under the "what we do" section - those read more links and I need the nav to work back to the home page anchors from those pages (like this page https://eleanorconsulting.squarespace.com/operational-excellence) Link to comment
tuanphan Posted August 7, 2019 Share Posted August 7, 2019 @emorykole If site under 20 pages, you can use both, insert both on the Menu, then use CSS to hide a type of anchor when on these pages, and hide the other type of anchor when on another page. The code will look like this /* Anchor link: home */ .page-id1, .page-id2, .page-id3,... { .navigation-anchor-1 {display: none;} } /* Anchor link: no home */ .page-idx, .page-idy, .page-idz... { .navigation-anchor-2 {display: none;} } You can also use Main & Secondary Nav for two types of anchor links, so you'll need less CSS (if the template supports). Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.