Home Links Index/Site Map About

Master Responsive Menu Design

I have decided to leave the Google tracking javascript in the template. However both the menu designs below have their css definitions in 2 seperate css files. There is also a linked javascript file, at the moment it only provides the functionality for the bottom menu "hamburger" button.

The thing that I like about this design is that the bottom menu is always visible and I can keep the top navigation simple.

I think that I may even adopt this as a new template for my sites. The colours, shadows and other features that I deveoped before can be done.

The design is a combination of W3C Responsive Header and Responsive Bottom Nav.

The spacer betwen the bottom menu and links div needs to be adjusted if there is not a lot on the screen.

Expandable Accordian Sections

I want to try this on my church page

Presumably I can have images that are in these sections that don't appear unless the section is opened.

Belchamp Walter, the vilage pond

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.

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.