The over-complication of Page Design
Having developed techniques to change banners for different screen resolutions and whether the screen has been scrolled it appears there is a danger of over-complicating the overall design of the webpage.
In many cases the Expandable Menu is far too complicated for most Internet users. This coupled with the majority of visitors will be using a mobile phone and will not see that menu option means that there is little point in changing the layout.
On the "technical" page I have the banners changing on scroll for the large, medium and small resolutions. While this is more relevant for the mobile display as the top fixed menu is visible even if the page is scrolled and the menu button is always at the top of the screen.
In large and medium resolutions the top bar, while always visible, has an expandable menu on the medium and large screens and an extra (main) menu button on the expandable dropdown.
Other complications
I could set menu options for different screen sizes programmatically in the same way as I did for the VH site. This would use the techniques of those I have used to made manipulations to the Document Object as I has described on my main website.
These techniques include the setAttribute Method and the setting of the element.innerHTML property.
I could change colours of elements as a result of an action such as scrolling the screen.
Where I have used these techniques
At the moment only a few pages have these complications. The mobile rendering of my websites is probably the key here. The use of the pop-up menu seems to work well as does the recent modifications of a fixed top bar.
At the moment I am still deciding on the best way to make the clicking or tapping of the top bar. I have two implementations, go to home page and go to top of the page. Again, this is probably not obvious to the "chance" visitor
Links