Add navigation links that return to the top of the page WordPress: Responsive Themes


show more Adding navigation links that return to the top of the page provides you with in-depth training on Web. Taught by Morten Rand-Hendriksen as part of the WordPress: Building Responsive Themes show less
please wait ...

Adding navigation links that return to the top of the page

This may seem trivial, but adding a link to the very bottom of your theme pointing the visitor back to the top can be extremely useful. This is especially true if you write long articles or have a lot of content on the page, because navigating to the top of a page with swipe behaviors on a phone can be a real pain. Adding a navigation link back to the top is easy. You just have to target a specific ID within the page markup and add it to the URL. I like to add a specific line of text to this link, just to make a kind of humorous.

So the first thing we are going to do is identify the container we want to target with our link. I'll click somewhere in the main content towards the top to activate my Developer Tools and then find in an id I want to target. Let's say want to move people up to the content ID, found right here. It's pretty much at the top, and it's where the content starts. Then I'm going to add the link to my footer file. So I'll go to my th...

Adding navigation links that return to the top of the page
Video duration: 2m 17s 2h 55m Intermediate

Viewers:

Adding navigation links that return to the top of the page provides you with in-depth training on Web. Taught by Morten Rand-Hendriksen as part of the WordPress: Building Responsive Themes

Subject:
Web
Software:
WordPress
Author:
please wait ...