• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Return to Top link in HTML5 themes: How to set it up?

This topic is: not resolved

Tagged: Back to top, footer link, scroll to top

  • This topic has 11 replies, 7 voices, and was last updated 5 years, 11 months ago by Brad Dalton.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 17, 2013 at 4:10 pm #63056
    podgor
    Member

    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
    September 18, 2013 at 12:04 am #63139
    Sridhar Katakam
    Participant

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


    Genesis Tutorials | Follow me on Twitter

    September 18, 2013 at 3:38 pm #63280
    podgor
    Member

    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.

    September 18, 2013 at 9:06 pm #63325
    Sridhar Katakam
    Participant

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


    Genesis Tutorials | Follow me on Twitter

    December 11, 2013 at 7:15 pm #78466
    macmeister
    Member

    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?

    December 11, 2013 at 8:19 pm #78483
    Sridhar Katakam
    Participant

    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 Tutorials | Follow me on Twitter

    February 7, 2014 at 8:37 am #89126
    welshgirl
    Member

    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...

    February 8, 2014 at 10:43 am #89348
    Victor Font
    Moderator

    #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?

    February 10, 2014 at 8:20 am #89664
    welshgirl
    Member

    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.

    February 10, 2014 at 8:18 pm #89726
    Victor Font
    Moderator

    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?

    August 24, 2015 at 10:03 am #163309
    StacyN
    Participant

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

    All best,
    Stacy

    October 20, 2017 at 1:07 am #212712
    Brad Dalton
    Participant

    Here's a simple solution which produces this result :


    Tutorials for StudioPress Themes & WooCommerce.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble