Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Problem with Nav Menu no longer showing on website

Explorer ,
Jun 01, 2024 Jun 01, 2024

I built this website (https://apilotproject.com) in Dreamweaver 8 years ago.  Time flies.  I am slowly moving my sites over to wordpress and I haven't kept up with the minimal Dreamweaver and html skils I had. In the meantime, I have noticed that the navigation menu bar no longer appears on the site.  I am sure there are many reasons that it could no longer be appearing given its age.  I notice that this link is no longer good"

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

but I am not sure that has to do with the problem.

 

I am wondering why the nav menu is not showing anymore. In the code, it looks like it is only commented, which is odd as the file hasn't been modified the index.htm file since 2016    

This is what I see

<nav>
<!--#include file="bottomnavbarapilotproject.shtml" --></nav>

 

bottomnavbarapilotproject.shtml is a follows:

 

<ul>

<li><a class="home" href="index.htm" title="Link to A Pilot Project Home Page">Home</a></li>
<li><a class="news" href="news.htm" title="Link to A Pilot Project News Page">News</a></li>
<li><a class="mp3s" href="mp3s.htm" title="Link to A Pilot Project MP3s Page">MP3s</a></li>
<li><a class="buycd" href="buycd.htm" title="Link to A Pilot Project Buy CD Page">Buy CD</a></li>
<li><a class="live" href="live.htm" title="Link to A Pilot Project Live Page">Live</a></li>
<li><a class="links" href="links.htm" title="Link to A Pilot Project Links Page">Links</a></li>
<li><a class="contact" href="contact.htm" title="Link to A Pilot Project Contact Page">Contact</a></li>
<li><a class="mailinglist" href="mailinglist.htm" title="Link to A Pilot Project Mailing LIst Page">Mailing List</a></li>
<li><a class="thanks" href="thanks.htm" title="Link to A Pilot Project Thanks Page">Thanks</a></li>

</ul>

 

Any suggestions on how to fix would be appreciated.

 

Thanks,

 

Kirk

273
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 02, 2024 Jun 02, 2024

Two things are wrong with that include. First is that it doesn't exist as you have found out. Second is that it would have been blocked for being insecure (http instead of https reference). The html5shiv project was shut down by google as is now hosted on this github: https://github.com/aFarkas/html5shiv . The files you need from that repository are in this folder: https://github.com/aFarkas/html5shiv/tree/master/dist . You should be able to download and host them locally to see if this will restore your current site to working order while you work on the new version.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 02, 2024 Jun 02, 2024

Ben,

Thanks so much for your response!  I won't pretend I understand this project completely.  I had found that site when googling the script, but was unsure my purpose of using this script in the first place. Before I go through all these steps and download then put on my server (which I can't say I completely understnd), I wanted to get your opinion on whether I should really do this as it sounds like this is just for older versions of browsers that likely are not in use anymore, is that correct?  Would it be wiser/smarter/quicker in the short term for me to put the contents of bottomnavbarapilotproject.shtml into each page somehow?  Or do you have a link to somewhere on the github site that explains the installation  (other than the Readme file at the bottom of https://github.com/aFarkas/html5shiv) in a more user friendly manner for laymen like myself?  I was hoping I could just redirect the link from google to somewhere else.    Any insight or further clarification would be greatly appreciated.

 

Thanks,

 

Kirk

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 02, 2024 Jun 02, 2024

Did by chance did you ever change your index file to be html instead of the shtml it may have been previously? I think I see your other menu now when I look into the code. When I replace your shtml include with an html5 one ( <object name="bottomnavbar" type="text/html" data="bottomnavbarapilotproject.shtml"></object> ), I see your menu again although it is unformatted suggesting a stylesheet may be missing or not loading properly.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 02, 2024 Jun 02, 2024

When I disable CSS in my browser, I can see the various flags & icons without an issue.

Quick fix, remove the CSS until you can rebuild the site in WordPress.  It won't look pretty but at least it's usable.

image.png

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 06, 2024 Jun 06, 2024
LATEST

The navigation menu may not be showing due to outdated HTML or CSS. Check for any broken links or missing stylesheets. Also, ensure the HTML file references the CSS properly.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines