Hi guys! I had a question that I haven’t been able to find the answer to…
We have a client that we mocked up a service page for… she wanted to have a menu underneath the main header that ‘sticks’ and offers anchor-style navigation to the page. We want the links to jump to the correct section, etc etc. I placed the anchor links above the “header” of each section, but on desktop… they are painfully incorrect. On mobile, they look fabulous and link to the correct area!
Tested with Firefox and Chrome.
Help? Thoughts? Suggestions? What am I missing?
Hey mdmllc!
Thanks for getting in touch!
Could you please provide login details to your site so we can have a closer look. You can place the details in the Private Content section of your reply.
Regards,
Jordan
Right! Adding it now! Thanks, Jordan.
Don’t mean to bump the thread, I see some work has been done to the services page… any luck or ETA?
Hi!
Please try using fullwidth submenu element under content elements tab of Advanced Layout Builder and refer to this post – http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
Best regards,
Yigit
Hi, Yigit. I’ve tried that now and it still yields the same result – the anchor link jumping past the assigned a name in the paragraph ON DESKTOP, but on mobile it works perfectly.
Here is an example of the screenshot (even if you have login access :))
Hi!
You used name instead of unique ID in Grid Row. I edited your elements and removed name tags and added them to Grid Rows. Please review your page now
Best regards,
Yigit
Aw crap. I didn’t know grid rows had unique ids! I thought it was only color sections. I’m sorry! You the real MVP.