David, is this what you expect to see (screen shot from Edge)? If so, please try CTRL+F5 to clear the cache in both edge and chrome.

Yes that was what I was expecting but unfortunetly clearing the cashe didnt help. It helped on Edge for one only opening of the page but with subsequent openings it would still only display one object. Chrome would not at all. I tried putting the two objects vertically , one below the other but still no success. 

David, I tried through Chrome as well, both the objects are visible (now stacked vertically). I can only suggest multiple ctrl+F5 attempts but the built in clearing options may also assist (ctrl+F5 is faster so I hope it works for you)

In Chrome

1. On your computer, open Chrome.
2. At the top right, click More .
3. Click More tools Clear browsing data.
4. At the top, choose a time range. To delete everything, select All time.
5. Next to “Cookies and other site data” and “Cached images and files,” check the boxes.
6. Click Clear data.

You are currently working on it I presume, I refreshed edge and it initially showed only one object, a second refresh showed the 2 objects next to each other. I refreshed chrome and it too is now 2 columns.

You don't have any code in the html objects that could be causing some persistance (eg long living cookies)?

PS I notice you do not have a menu in the header, only the sticky bar. I assume this is intentional?

Edge seems to be ok now. Each time I load it, it is normal. However Chrome will not display the second object unless I hit the reload icon. If I hit the reload again it will disappear again. I think I will just stick to Edge as it seeems more reliable now. Thanks for your help.