On 15th May 2019, the Sutton Poyntz village website will change, adopting a "responsive" design. The layout of the website will adapt to the size and shape of your browser window; this will make it fit better on smaller devices such as mobile phones. To see some examples of responsive website design, go to https://responsivedesign.is/examples/.

We hope this new design will work well for everyone.
If you find it does not work, or you prefer the old design, add
to the web page's address (as for example http://suttonpyntz.org.uk/index.php/village-maps?fixed).
You do not need to keep adding ?fixed - this will work until the end of your session (normally until you close the browser or stop viewing the website for a time).
If you want to go back to the new design, add ?responsive to the page address.

We hope this new design should improve the appearance of the website for most people; for those with large screens, there will be less unused space and for those with small screens (particularly those with narrow screens) the layout will adapt to fit the screen.

When this new design is rolled out, test it by opening the website on your mobile phone, your tablet and/or your computer. On a computer click the symbol near the top-right of the window to reduce the size of the browser window, and then change the width and height of the window to see how the layout adapts automatically in response to the window size. This is particularly striking when viewing the website's Home page.

If you have real problems with this new design, please let us know by emailing This email address is being protected from spambots. You need JavaScript enabled to view it. - it would help if you let us know what type of device you are using (computer, tablet, phone), what operating system (Windows, Apple iOS, Android etc.), what browser you are using (Edge, Internet Explorer, Chrome, Safari, Firefox, Opera etc.). If possible it would help to know version numbers of the operating system and browser. We will then be able to investigate.

Principles behind our responsive design

When we first developed our village website, we chose a fixed window size of 960x600, which we believed would be suitable for most users and importantly would not make things difficult for those villagers with older computers and monitors. We layered the website content on background pictures of the village, to give the site visual impact - these pictures were all of that 960x600 size.

This original approach was simple to implement and generally reliable, but suffered from two significant problems:

  • For those with large hight resolution monitors, our website only used a smallish part of the screen, wasting the rest of the real-estate;
  • For those with smaller devices such as mobile phones, particularly used in portrait mode, the site would be shrunk automatically to fit, making the text small and the menus hard to use.

To overcome those problems, we have now adopted a flavour of responsive design. For monitor users, we have maintained the same aspect ratio as the 960x600 original website, but expanded to fit as much of the screen as possible. In most cases, this means our site will use the full window height but may still have blank margins on either side of the content. The site is layered on the same background images, enlarged appropriately. It also has the same menu down the left side of the window, but the content part of the page can be bigger.

For users with smaller or portrait-mode displays (mobile phones, for example), the website uses the full screen size and therefore only displays part of the background image. The left-hand menu area is removed, allowing the page content to use almost the whole screen size. A narrow header is displayed above the page content, with drop-down context-sensitive menus that allow the user to navigate around the website without taking space that is better used for the page content.