Anchor links scrolling too far content behind navigation

[James Roberts]

Hi,

I've added a number of anchors to posts but when you click on a link that includes the anchor, the point where the anchor is ends up behind the top navigation. Is there an automated way around this please?

Thanks,

James

https://total-pitch.com/2017/01/19/equity-crowdfunding-i-learnt-three-years-crowdcube-pt-1/#killerquestions

[Brad Dalton]

Can you find a id class in the HTML located under the nav?

---

Tutorials for StudioPress Themes.

[James Roberts]

Hi Brad, thanks for replying.

I've had a look in the source for an ID after the nav and hero image (up to line 281) and there isn't one there but could I manually add <class id="top"> in the Text view of the editor to each page or post?

Thanks again,

James

[Brad Dalton]

Sure can.

You can hook the div id in anywhere using genesis hooks with conditional tags.

---

Tutorials for StudioPress Themes.

[James Roberts]

Sorry Brad, but I'm none the wiser - how does adding <class id="top"> stop the anchored content I'm linking to being covered by the navigation? I know it's probably a numpty question but I'm pretty new to this.

Thanks again,

James

[Brad Dalton]

Link to the URL where you have added the HTML for the bookmark.

---

Tutorials for StudioPress Themes.

[James Roberts]

Hi,

I've tried adding an anchor e.g. <a name="smart"></a>. I've also tried using an ID instead of name e.g. <a ID="smart"></a>. When I link to them e.g.https://total-pitch.com/2017/01/19/equity-crowdfunding-i-learnt-three-years-crowdcube-pt-1/#smart the page loads in pretty much the right place but the point where the anchor / ID is in the HTML sits behind the navigation. I'm obviously missing something but I don't know what.

Thanks,

James

[patrj]

I'm having the same problem. My workaround is to put the id tag several lines above where I want the #tag to land. I'd rather do it correctly than use a workaround. Did you get a solution?

[Author]

Posts