Fixed Top
Clicking on top banner takes you to top of page
This page is created with the fixed-top menu template.
There now should be a fixed bar at the top of the screen in all resolutions. The menuing system is now similar to my main website, which I have spent many hours developing and wanted to be different to this website. I have changed the colour of the top bar.
I need to check the menu options on pages now.
The template on my main website
I thought that I had removed the section with the fa-cog icon. It seemed to have migrated into this template????
Home on Top Bar
I have a page on my main site for the code to do this.
This could also be implemented as gototop on pages where this is appropriate.
The HTML that was causing validation error:
<button class="w3-button w3-pale-green"><a href="design_3.html" style="text-decoration:none">
More Design <i class="fa fa-caret-down"></i></a></button>
This was changed to:
<button class="w3-button w3-pale-green">More Design <i class="fa fa-caret-down"></i></button>
This code was on the top bar for the arge and medium resolution screens. An irony was that I re-used the code on the top bar for the mobile or small resolution. At the same time I added a caret and different colour to the menu button:
<span class="w3-bar-item w3-button w3-grey_blue" onclick="w3_open()"><b>Menu</b> <i class="fa fa-caret-down"></i></span>
<span class="w3-bar-item"><b><a href="index.html" style="text-decoration:none">BWPC - Technical Page</a></b></span>
The gototop is even easier and the anchor just needs to set to "#". It is on this page.
- Other - Technical Stuff
- E-News
- Audit- not needed now
- Displaying a PDF in an iframe - Does not work on iOS
- An audit page for my main site