Single Project Widget
I’m trying to link directly to individual Single Projects from the menu bar. I have an active menu link to the projects on the single page via #projects but I can’t work out how to link to each individual project from Sub menus so the link selected then scrolls to the correct project. There is a URL box for each project but I have no idea what to put in that URL description to make the link work. Any help gratefully received
You could include an anchor in the content/text section for the previous project.
To create an anchor read this http://www.echoecho.com/htmllinks08.htm
Then in the menu you would use
project-name would be whatever you used in the anchor name.
Thanks for that – managed to get that working but the result is the link to the first project scrolls to the correct place, the second overshoots and scrolls past the title as does the third – is there a way of adjusting the scroll destination so it lands at the correct part of the display?
Thanks for your help
You will need to add a some top padding to the anchor in that case to compensate for the sticky header (menu).
I believe it is about 66px.
Hi Hans, thanks for that, have tried to do that but so far failed miserably. Any chance of a bit more detail in how and where to add padding to the anchor? My HTML/CSS knowledge is extremely limited.
Thanks once again for your patience
Try the code in this screenshot,
It’s not an ideal solution but it will do the trick.
- This reply was modified 9 months, 1 week ago by Hans (Support Admin).
Ah, I think I see why you used a .png to display code!I did add the full code as you suggested even though the post above has truncated it but the end result is as you see above
Remove the vertical bar after the 66px. That was my cursor in the screenshot.
So I have removed the cursor(!) but its still not having any effect on the scroll end position. What I have noticed is that the ; after 66px is always removed when I hit Save in the Single Projects Widget.
Let me just repeat in case I’m doing something very silly – the code you have suggested has been placed in the Projects Description of the relevant single project – this is also where I had my original anchor.
Can you provide me with admin access so I can log in and have a look?
I’m using MAMP as a local server so its not online at present. I guess that rules that out?
Yes it does.
There are 2 other things you can do.
Try using a margin instead.
Or add a class name and add the CSS in the Custom CSS field of the Custom Code section of Parallel Options.
The issue is most likely with your hosting environment (meeting the requirements for WordPress) or your installation of WordPress.
Our theme will work without any issues if those conditions are met.
So just to be clear, the issue isn’t related to our theme, as that is simply a skin which is added to the body (WordPress).
This will probably help you https://wordpress.org/about/requirements/
Once you get it running and have any questions about the theme itself, I’ll be here to answer your questions.
Also, looking at the error log will help you as well.
- This reply was modified 9 months ago by Hans (Support Admin).
You must be logged in to reply to this topic.