Not Changing Too Much
Menu Not Changing Too Much
 

Not Changing Too Much

When developing pages, particularly a new template, it is very important not to change too much before extensive testing has been performed.

For example, I thought that I had removed the whole section from the fourth template that contained the fa-cog icon. This section was the <header> <div>

I have removed it from this page. in fact, looking at the code for my page on W3 Templates I had commented it out but not removed it.

The template for the Parish Council was based on the main sites template and I have removed the whole section (including the label for "top" - it will be interesting to see if gototop() still works) - [it doesn't - currently], however it does on this page.

The JavaScript controlling the gototop() function

function gototop() {
  location.href = "#top";
}

The id="top" is contained in the section that I proposed (now have) to remove (removed).

The gototop() works on this page but not on my current Parish Council design, but that is okay as there is very little traffic there!

Top

Tablet view

The code as it stood had a w3-hide-medium class. It was noted that the "Top" button did not work in this view.

Update - the gototop() now works on pages where I have modified the code to still include the header section.

Mea culpa - I did break the fifth template (for this website) as I forgot to remove the w3-hide-medium class from the header section. I have left it there on the page that describes the fifth layout but I have fixed it on the template.

The take-away from this is to make sure you constantly check that you design still works after you have made changes. I now have to check the new pages that I have created using the fifth template. I also broke the "history" template!

Links

Top

External Links - references

  • W3.css Templates - https:// www.w3schools.com/w3css/ w3css_templates.asp

Site design by Tempusfugit Web Design -