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 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!
-
@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/#top
that’s unfortunately not how hashes work It needs to behttp://wakecoulter.com#top
orhttp://wakecoulter.com/home#top
. -
This post is deleted!
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it