Link to row on page
-
Hey, loving Lay Theme! I use it for my design portfolio, and I have an "All Work" button at the bottom of each of my project pages that links back to the homepage. I would like for the user to easily see the rest of my work once they've finished looking at a project, but the problem is my homepage has a big banner photo and a short bio above the work, so they have to scroll past that each time.
Is there a way to make a link go straight to a certain row on a page, kind of like wikipedia subhead links do? Thanks if so!
-
Yes!
On said page in the gridder just right click the row you want to link to and choose
Set HTML Class and Idand type in an id-name.Change the link of All Work to
http://wakecoulter.com/home#your-id-name. After a click the site transitions to the page home and jumps to #your-id-name.You can fine tune the Anchorscroll Space Top for desktop and mobile in Lay Options → Other.
Cheers!
-
@edgrbnz said in Link to row on page:
Yes!
On said page in the gridder just right click the row you want to link to and choose Set HTML Class and Id and type in an id-name.
Change the link of All Work to http://wakecoulter.com/home#your-id-name. After a click the site transitions to the page home and jumps to #your-id-name.
You can fine tune the Anchorscroll Space Top for desktop and mobile in Lay Options → Other.
Cheers!Thanks, didn't know about the anchorscroll feature! All is almost well, but I noticed that now my "All work" button no longer functions as a button. I can see in the status bar that it links to the homepage, but clicking it doesn't seem to do anything on mobile or desktop. Does the anchorschroll link only work if you're already on the page it's scrolling to?
-
After inspecting your site again 👉 that’s an easy one 🎉
You need to remove the
/in that URL.On your page All Work is linked to
http://wakecoulter.com/#topthat’s unfortunately not how hashes work It needs to behttp://wakecoulter.com#toporhttp://wakecoulter.com/home#top. -
This post is deleted!
-
After inspecting your site again 👉 that’s an easy one 🎉
You need to remove the
/in that URL.On your page All Work is linked to
http://wakecoulter.com/#topthat’s unfortunately not how hashes work It needs to behttp://wakecoulter.com#toporhttp://wakecoulter.com/home#top.
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login