link to footer?

[rptrevor]

Is there any way to link to the footer section of a page? I've just switched to a "responsive" theme (Magazine Pro - from Church). I moved some of the wordier menu items from the primary and secondary menus down to custom menus in the footer section. I'm thinking it would be nice to have a "More..." menu item in the primary menu that would take users down to the custom menus in the footer section.

Any ideas?

Thanks.

Rich

http://ednabrewer.net

[Tom]

Hi Rich,

In some themes the footer widget section has an ID of "footer-widgets" that you could link to from your primary menu item. Magazine does not but you can fake one: From "Genesis > Theme Settings > Header and Footer Scripts" add <div id="#footer"</div> to the footer script box.

Now you can add a link item in your primary menu with a label like "More" and a URL value of "#footer". Clicking on the "More" menu item will scroll to the bottom of the page, revealing the menus in the footer widget area. Not the most elegant solution, but it works.

Another way to highlight the content behind the other menus would be to replicate those footer menu items using the secondary menu that appears underneath the header area.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[rptrevor]

Thanks Tom!

I tried this: <div id="footer"></div> - where you suggested and also in Genesis Simple Hooks -> Footer Hooks -> genesis_before_footer(). It works - but it takes you to the end of the footer widget area, right before the site footer. I'd like to find a way to get to the beginning of the footer widget area (between the end of <div class="site-inner"...> and <div class="footer-widgets"...>). On the mobile devices the menus I have on the footer widgets all display as a single column, and I want to take people to the beginning of that. I don't see a hook for that in Genesis Simple Hooks...

Thanks again.

Rich

[Tom]

We can be more precise with code: Add the following to your functions.php file. This should place the ID just before the footer widgets. (don't forget to remove the Simple Hooks item)

//* Add ID target for nav menu item
add_action('genesis_before_footer', 'kp_add_footer_target', 5);
function kp_add_footer_target() {
    echo "<div id='footer'></div>";
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[rptrevor]

Perfect. Thank you very much!

Rich

[Author]

Posts