Navigation on Mobile
When my history pages are viewed on a mobile phone the navigation has to be approached in a different manner.
When a particular date or monarchs regign is wanted my date slider works well (for me anyway) on a large display but on mobile it is a little more challenging.
Along with the conditional menu options I need to play around with the formatting of the lists. For example, the "By Century" I was experimenting with buttons. However, I was fighting with w3.css Framework classes and I may need to customise either the list or the buttons themselves.
As I am working on adding content I am also experimenting with the formatting these lists. Currently I am looking as Charles I.
By Monarch
- William I - 11th - 1066-1087
- William II - 12th - 1087-1100
- Henry I - 12th - 1100-1135
- Stephen - 12th - 1135-1154 (Matilda)
- Henry II - 12th -
- Richard I - 12th -
- John - 12th - 1199-1216
- Henry III - 12th -
- Edward I - 13th - 1272-1307
- Edward II - 14th - 1302/07-1327
- Edward III - 14th - 1327-1377
- Richard II - 14th - 1377-1399
- Henry IV - 15th - 1399-1413
- Henry V - 15th - 1413-1422
- Henry VI - 15th - 1422-1470
- Edward IV - 15th - 1461 and 1471
- Edward V - 15th - 1483
- Richard III 12th - 1485-
- Henry VII - 1487-1509 - 12th -
- Henry VIII - 1509-1547 - 12th -
- Edward VI - 1547 - 12th -
- Mary I 16th - 1553 -
- Elizabeth I - 12th 1558-
- James I - 17th - 1603
- Charles I - 17th - 1625-1649
- Charles II - 17th - 1660-1685
- James II - 12th - 1685-1688
- William and Mary - 1689-1694 17th -
- Queen Anne - 1702- 18th
- George I - 1714-1727 - 18th
- George II - 1727-1760 - 18th
- George III - 1760-1820 - 19th
- George IV - 19th
- William IV - 19th
- Victoria - 1837-1901 19th
- Edward VII - 1901- 20th
- George V - 1910- 20th
- Edward VIII - 1936- 20th
- George VI - 1906- 20th
- Elizabeth II - 20th - 1952-2023
- Charles III - 21st - 2023
By Century
In this case links to Belchamp Walter in that century.