Editing the links in the Navigation Bar on only one page?

[Lo-Phi]

Hey all,

I'm trying to customize the navigation bar on one page specifically to have a different navigation bar and no image at the top. I've managed to get rid of the image, but I'm having pretty bad difficulties with the html edits of the navigation bar.

Here is the site:

Lo-Phi.com/VirtualCrickets

As you can see, I've managed to recreate the navigation bar instead of making changes to the original one. I really have no idea what I'm doing when it comes to HTML...

Anyone know how I can change the words and the pages they link to?

Thanks so much for the help!

[Bernadette3]

Hm.. well it looks like you're on the right way! How did you create the double navigation? Was this through tweaking the html? Are you trying to have the navigation display different words? 

[Lo-Phi]

I basically copy/pasted the code that I found using Chrome's inspect option. My hope was that this would override the old navigation bar, allowing me to let me tweak it simply by altering the new code. But of course that doubled it instead, lol. And yes, this was with html.

To answer you other question, yes I am trying to have the navigation display different words and have different links. But only on this one page.

[Bernadette3]

Thanks for clarifying. That will be helpful for other members to weigh in. I'll see if I can find any old posts that may have the answer you are looking for. 

[Lo-Phi]

I looked around for 1-2 hours and unfortunately I wasn't able to find anything

[Lo-Phi]

Hmm... Maybe I should see if anyone in an html forum knows? Or would they need to know specific stuff about Weebly to answer this?

[Bernadette3]

The code you find should work within Weebly as well. I'm surprised none of our coding experts chimed in... let me ask around and see if this is something anyone has come across. I've never seen a site do what you are looking for, but I'm assuming it's possible! Please feel free to @ me if you don't hear back. I promise if I do not follow up right away it's not intentional. 

[Lo-Phi]

Just as an update I kinda gave up on this, but I came up with a workaround that I think is acceptable: virtualcrickets.com

Feel free to leave any feedback! I'm still willing to redesign if anyone has a solution to the original problem. I'm mainly just posting this to archive what I did in case anyone in the future finds this thread via google.

Essentially I just embedded the following code to remove the header, navigation bar, and footer:

<style>
    #header { display:none; }
</style>

<style>
    #navigation { display:none; }
</style>

<style>
    #footer { display:none; }
</style>

If this doesn't work for you, inspect the element you want to remove by right clicking it. Find the closest <div id> up from the element you inspected. Copy whatever the div id is set to and and paste it after the #.

So if it says:

<div id="PageMiddle"> 

You would put this to remove that element:

<style>
    #footer { display:none; }
</style>

Hope that helps someone! ^.^

[Adam7]

Thanks for sharing, @Lo-Phi!