Hey all,
I have a tricky issue (in my opinion) and would like a solution to fix it. I am using Magellan plugin for my navigation bar. Magellan is a style-agnostic plugin that lets you give your site sticky navigation. This fixed-position navigation helps users keep track of where they are on a page without scrolling.
How it
SUPPOSES to work is that when you click the link (code below)
<li data-magellan-arrival="overview"><a href="#overview">Overview</a></li>
It will append the a href to your current url address. e.g
http://forums.modx.com/thread?board=40#overview
Instead it is only grabbing the base url and appending the a href e.g
http://forums.modx.com/#overview
I know it has to do with the base url in my meta tag
<base href="[[++site_url]]" />
When I remove the base tag, the plugin works however it breaks the site with multiple broken links and images
I have tried
<li data-magellan-arrival="overview"><a href="[[~[[*id]]]]#overview">Overview</a></li>
And that breaks plugin
I have even tried e.preventDefault() when the link is click and that didn't work.
What can I do to get
http://forums.modx.com/thread?board=40#overview instead of
http://forums.modx.com/#overview?