Return to Top link in HTML5 themes: How to set it up?

[podgorParticipant]

Hi,

Since Return to Top Link doesn't work in HTML5 themes, I did the following:

I added a text widget to the header widget area and wrote into it (without giving the text widget a name): <a name="top"/>

Into Genesis Simple Edits Plugin I did this:
[footer_backtotop text="Top" href="#top"]

Return to Top Link is still inactive since it seems to remain anchored to the DEFAULT:#wrap div.

Somebody suggested I should make make an anchor like <span id="top"></span>
I have no idea where this anchor should be placed.

Any suggestions?

http://www.test69kq.elallo.net

[Sridhar KatakamParticipant]

http://sridharkatakam.com/add-working-return-top-page-footer-link-genesis-themes/

---

Genesis Themes Customization Service | Genesis Tutorials | Follow me on Twitter

[podgorParticipant]

Hi Sridhar,

Thank you very much for your extremely useful link!

Although I'm no expert at all, I managed 🙂
And also thanks for sharing so many tips on your blog (which i'm following now).

However, one thing I didn't quite get is the section "Add our custom back to top shortcode in Footer".
I'm not sure where to place the code you provide. If you have time, please let me know.

Note: since I didn't know where to paste the mentioned code, I've been using Genesis Simple Edits Plugin (which I activated after adding the shortcode you kindly provided).
The "Return to Top" link is therefore not integrated into my Footer but placed below it.
Please see for yourself: http://www.test69kq.elallo.net

Cheers.

[Sridhar KatakamParticipant]

I have updated my blog post and added that the code should be pasted in child theme's functions.php.

---

Genesis Themes Customization Service | Genesis Tutorials | Follow me on Twitter

[macmeisterParticipant]

Thanks for the wonderful contributions! This is an excellent addition for scrolling to the top. Is there an alternative to scroll to the content area?

We're setting up a website for blind people. The popular (accessible) thing to do is have a link at the top that only shows up for them (-50px off the top of screen), allowing to "Skip Navigation", anchoring to the content area.

A cure could be placing an ID="content" in "site-inner" or "wrap". Is this possible without too much effort?

[Sridhar KatakamParticipant]

Add this in functions.php:

add_filter( 'genesis_attr_content', 'custom_attributes_content' );

function custom_attributes_content( $attributes ) {
  $attributes['id']     = 'content';
  return $attributes;
}

Source: https://gist.github.com/vajrasar/6682790

---

Genesis Themes Customization Service | Genesis Tutorials | Follow me on Twitter

[welshgirlParticipant]

Dear Sridhar,

I am not comfortable fiddling with code, style sheets or anything as I know if I break something I won't know how to fix it! Which is why I have used Simple Edits to amend the text etc., at the bottom of my website. In fact I just copied and pasted into it what I was told to by a friend...

This is what is in it: -

<div class="gototop"><p>[footer_backtotop]</p></div><div class="creds"><p> All rights reserved">All content Copyright © 2014 All rights reserved · Privacy Policy</p></div>

And the page links work but the 'return to top of page' doesn't and it just puts this in the URL bar http://supportenvironment.com/#wrap

I was wondering if this is related to what you're talking about above (I am using the Agency Pro theme)?

And if you could please tell me exactly what to copy and paste where on my site's backend to fix this.

I have read your very useful post but to be frank it confused me as I am not technically minded at all.

I would be very, very grateful if you could please do me an idiots guide to what to copy and paste to make this function work!

If it's not simple then don't worry, I will just do without it!

Thank you very much...

[Victor FontModerator]

#welshgirl, I think this article may help you. http://victorfont.com/genesis-html5-return-top-tutorial/. If you need any further clarification, please leave a comment and I'll respond accordingly.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[welshgirlParticipant]

Dear Victor,

thank you, I just followed your very clearly written tutorial and it works! Thank you for making it simple for a non-technical person like me.

I am very grateful.

[Victor FontModerator]

You're welcome welshgirl. Glad I could help.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[StacyNParticipant]

This was also a HUGE help to me on a client project as well - thank you so much for sharing!

All best,
Stacy

[braddaltonParticipant]

Here's a simple solution which produces this result :

---

Access 6000+ Custom Code Snippets for Genesis

[Author]

Posts