Hi, I’m hoping you can help.
I have checked and double checked the code and still can’t figure out why some of my text links are working and some are not. Any ideas? They are all setup the same in the body and in the menu. I’ll add site link and password in secure note.
I’m in latest version of Pro.
Hi Jennifer,
Thank you for reaching out to us. I checked your setup and the way you’ve setup the one page navigation for the links seems incorrect, first thing I noticed, you’ve duplicate IDs on the same page e.g introtoeng which is assigned to two anchor links, Please note that ID must be unique so you should not use the same ID twice especially when you’re setting up one page navigation.
Another thing I noticed, you’ve assigned the IDs to the anchor links, you should always assign the ID to the sections to make sure one page navigation works correctly.
So now to fix this, remove the IDs from the anchor links and assign them to the sections instead. Secondly make sure no ID is added twice and assigned only once because ID must be unique.
As a starting point you should refer to the following article here https://theme.co/docs/set-up-one-page-navigation
Hope this helps!
I have been through the code several times and am not seeing the extra “introtoeng”. I took care of duplicates before I wrote in yesterday.
Thank you for your response, however, in order to build the page the way you suggest I will have to rebuild the whole thing. I tried testing it that way with just a few in sections and the rest in a sidebar and it didn’t work. I also tried with a menu. I must be missing something somewhere.
Anyway, thanks again for trying. I’m not sure what I should do next, I may just need to go backwards to just plain code in the Wordpress page as that is what has been working. I just wanted to update so it would look better.
Now I’m wishing I’d just left it in code in the Wordpress builder…but I really like the way it looks when laid out in pro and it is much easier to edit. The only downfall seems to be the inconsistencies with the anchor links working.
Just a side note: I tested the original code that I copied and pasted into Pro, and the menu works just fine. So, something in Pro seems to be making the menu inconsistent.
Hello Jennifer,
I have investigated your issue further. I found out that you have been using a broken HTML code on the page. You have added this:
<script async src='https://tag.simpli.fi/sifitag/0b47a6a0-31a0-0138-6d66-067f653fa718'></script>
<link rel="stylesheet" type="text/css" href="https://2g2nl93v7zo2n2uk6141m74dp8-wpengine.netdna-ssl.com/MyFontsWebfontsKit.css">
<span style="color: #e7e8e0;">
<a href="https://www.groovylabinabox.com/groovy-subscriptions/" target="_blank" rel="noopener"><span style="color: #ffffff; line-height: 1em;">GROOVY SUBSCRIPTION PLAN DEALS </span><br>
<div class="small-print">Psst! Click the rocket for details on FREE boxes and shipping!</div></a>
Please have your code be updated and use this one instead:
<script async src='https://tag.simpli.fi/sifitag/0b47a6a0-31a0-0138-6d66-067f653fa718'></script>
<link rel="stylesheet" type="text/css" href="https://2g2nl93v7zo2n2uk6141m74dp8-wpengine.netdna-ssl.com/MyFontsWebfontsKit.css">
<span style="color: #e7e8e0;">
<a href="https://www.groovylabinabox.com/groovy-subscriptions/" target="_blank" rel="noopener">
<span style="color: #ffffff; line-height: 1em;">GROOVY SUBSCRIPTION PLAN DEALS </span><br>
<div class="small-print">Psst! Click the rocket for details on FREE boxes and shipping!</div>
</a>
</span>
We highly recommend that when inserting HTML code, be sure to indent it and make sure that all the tags are properly closed to avoid any conflict or issues later on.
Please let us know how it goes.
Thank you for noticing that. I have updated the code in the header, but alas, the menu still isn’t working.
Thank you for your help.
Thanks,
Jen
Hello Jen,
You still have some broken html on the page. You have added this:
<ul>
<li><a href="#introtoeng">Introduction to Engineering</a></li>
<li><a href="#kidpresident">Kid President - How To Be An Inventor!</a></li>
<li><a href="#HistoryofSoap">The History of Soap</a></li>
<li><a href="#ph">Testing pH</a></li>
<li><a href="#scienceofsoap">The Science of Soap</a></li>
<li><a href="#HowSoapWorks">How Soap Works</a></li>
<li><a href="#soapplants">Other Soap Plants</a></li>
<li><a href="#preservation">Extension Activity: Preservation and Mold</a></li>
<li><a href="#marbledpaper">Extension Activity: Groovy Marbled Paper</a></li>
<li><a href="#surfacetension">Surface Tension: How Do Bugs Walk on Water</a></li>
<li><a href="#chemistryofsoap">The Chemistry of Soap Making</a></li>
<li><a href="#castile">How to Make Castile Soap at Home</li>
<li><a href="#recipes">Soapberries: Ideas & Recipes</li>
<li><a href="#sheep">Sheep Shearing</li>
<li><a href="#animals">Animals With Groovy Hair</li>
</ul>
The correct code should be:
<ul>
<li><a href="#introtoeng">Introduction to Engineering</a></li>
<li><a href="#kidpresident">Kid President - How To Be An Inventor!</a></li>
<li><a href="#HistoryofSoap">The History of Soap</a></li>
<li><a href="#ph">Testing pH</a></li>
<li><a href="#scienceofsoap">The Science of Soap</a></li>
<li><a href="#HowSoapWorks">How Soap Works</a></li>
<li><a href="#soapplants">Other Soap Plants</a></li>
<li><a href="#preservation">Extension Activity: Preservation and Mold</a></li>
<li><a href="#marbledpaper">Extension Activity: Groovy Marbled Paper</a></li>
<li><a href="#surfacetension">Surface Tension: How Do Bugs Walk on Water</a></li>
<li><a href="#chemistryofsoap">The Chemistry of Soap Making</a></li>
<li><a href="#castile">How to Make Castile Soap at Home</a></li>
<li><a href="#recipes">Soapberries: Ideas & Recipes</a></li>
<li><a href="#sheep">Sheep Shearing</a></li>
<li><a href="#animals">Animals With Groovy Hair</a></li>
</ul>
Please make sure that all your html codes are properly closed. You can use html checker if needed.
Kindly let us know how it goes.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.