Walk Score Logo

Walk Score and Responsive Design

Walk Score products can be used on responsive pages. Here's an example of the score badges and the Walk Score Widget:

Walk Score Badges

Russian Hill

Walker’s Paradise

Explore Russian Hill on Walk Score

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Documentation

Badges

To show score badges on your site, look for the "Add score badges to your site" links on every city, neighborhood and address page on walkscore.com.

For example, click this link for the badge code for the Russian Hill in San Francisco:

Add score badges to your site

For use in responsive design just remove width: 300px; from the first div in that code. The badges will then automatically grow to the size of whatever container you place them in.

Walk Score Widget

If you're new to the Walk Score Widget sign up for Walk Score Professional to get a WSID key and get initial code.

For use in responsive design just set the width to be 100% as follows:

var ws_width = '100%';