fmmedina Posted August 19, 2022 Share Posted August 19, 2022 (edited) 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? Edited August 20, 2022 by fmmedina ilseS and sarawhite 2 Link to comment
tuanphan Posted August 21, 2022 Share Posted August 21, 2022 Page-section-id doesn't exist in 7.1. You can add a Code Block > Add ID > Something like this <span id="about"></span> Then add this to anchor link: #about 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
arielleneal Posted September 28, 2022 Share Posted September 28, 2022 @tuanphan Hello, I am trying to troubleshoot a similar problem-- using anchor links for fluid engine sections. I used the suggestion you made above which worked great for same-page anchor links to fluid engine sections, but it doesn't seem to be working when I try to link to the specific section from another page. For example, on the specialties page (https://orka-c1-sep.squarespace.com/specialties) I added a code block to fluid engine section "<span id="mood"></span>" The button at the top of that page works with the link "#mood" But to link to that section from the home page I added the link: https://orka-c1-sep.squarespace.com/specialties#mood , which doesn't work. Any suggestions are so appreciated! ilseS 1 Link to comment
tuanphan Posted September 30, 2022 Share Posted September 30, 2022 On 9/28/2022 at 9:47 PM, arielleneal said: @tuanphan Hello, I am trying to troubleshoot a similar problem-- using anchor links for fluid engine sections. I used the suggestion you made above which worked great for same-page anchor links to fluid engine sections, but it doesn't seem to be working when I try to link to the specific section from another page. For example, on the specialties page (https://orka-c1-sep.squarespace.com/specialties) I added a code block to fluid engine section "<span id="mood"></span>" The button at the top of that page works with the link "#mood" But to link to that section from the home page I added the link: https://orka-c1-sep.squarespace.com/specialties#mood , which doesn't work. Any suggestions are so appreciated! I see it works here. Did you solve it? 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
watts-creative Posted February 7 Share Posted February 7 I have similar questions and problems I'm trying to troubleshoot in Fluid Engine: Is there any way to link to a page's section[data-section-id="###"] selector? I suppose this is analogous to linking to page-section-id as one used to be able to do previous to 7.1. If not, is there a way (preferably with CSS) to force an anchor link within a section to stick absolutely to the beginning of its section, regardless of the browser window's size? That way, when you link to it, it will always scroll to the beginning of that section. I have tried many techniques to offset the position of the anchor link, but its position changes relative to the size of the browser window. To explain what I'm trying to create: I have a page with multiple sections, and each section has its own full screen background image. In the first section I have a button to link to the section below it. That section has a button to link to the section below it, and so on. I've set anchor divs in each section, but now it scrolls down to wherever the link is on the page, and I want it to scroll to the very beginning of the section. I've tried to finesse it for various screen sizes, but it doesn't look right. In any case I'd like it to ALWAYS scroll to the beginning of the section regardless, as stated before. Anyone with any ideas? I can give the site and password if someone wishes to take a look. In any case, THANKS! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment