Change the word on Navigation tree?

[seaturtle]

Hi all,

On the nav bar, it says my forum name but I want it to say something more intuitive like "Navigate"?
Is it possible to do this? I have tried playing around with this part under Forum Wrapper but to no avail:


<div id="navigation-container">
           <div id="navigation-menu" class="ui-helper-clearfix">
               <div class="navigation-left">
                   $[navigation.tree]
I am aware there is a plugin called Easy Text Switcher but there seems to be a delay. Upon loading it shows my forum name, and then it switches to whatever I entered in the plugin settings. So it looks a bit silly when it does that. 

Any help much appreciated!

[Todge]

Apr 5, 2017 3:58:54 GMT -8 seaturtle said:

Hi all,

On the nav bar, it says my forum name but I want it to say something more intuitive like "Navigate"?
Is it possible to do this? I have tried playing around with this part under Forum Wrapper but to no avail:


<div id="navigation-container">
           <div id="navigation-menu" class="ui-helper-clearfix">
               <div class="navigation-left">
                   $[navigation.tree]
I am aware there is a plugin called Easy Text Switcher but there seems to be a delay. Upon loading it shows my forum name, and then it switches to whatever I entered in the plugin settings. So it looks a bit silly when it does that. 

Any help much appreciated!

Put this directly above $[header] in your Forum Wrapper template..

<script type="text/javascript">
     $('#nav-tree-branch-0>div').find('span').html('Navigation');
</script>

[seaturtle]

Apr 5, 2017 8:36:06 GMT -8 Todge said:

Apr 5, 2017 3:58:54 GMT -8 seaturtle said:

Hi all,

On the nav bar, it says my forum name but I want it to say something more intuitive like "Navigate"?
Is it possible to do this? I have tried playing around with this part under Forum Wrapper but to no avail:


<div id="navigation-container">
           <div id="navigation-menu" class="ui-helper-clearfix">
               <div class="navigation-left">
                   $[navigation.tree]
I am aware there is a plugin called Easy Text Switcher but there seems to be a delay. Upon loading it shows my forum name, and then it switches to whatever I entered in the plugin settings. So it looks a bit silly when it does that. 

Any help much appreciated!

Put this directly above $[header] in your Forum Wrapper template..

<script type="text/javascript">
     $('#nav-tree-branch-0>div').find('span').html('Navigation');
</script>

Ooh thanks! It works brilliantly on Safari, but on Chrome it does that thing where it shows the forum name and then quickly changes to Navigation (I even cleared the browsing data and it still happens). Do you know why it does that? 

[Brian]

Apr 5, 2017 14:24:53 GMT -8 seaturtle said:

Apr 5, 2017 8:36:06 GMT -8 Todge said:

Put this directly above $[header] in your Forum Wrapper template..

<script type="text/javascript">
     $('#nav-tree-branch-0>div').find('span').html('Navigation');
</script>

Ooh thanks! It works brilliantly on Safari, but on Chrome it does that thing where it shows the forum name and then quickly changes to Navigation (I even cleared the browsing data and it still happens). Do you know why it does that? 

Javascript can only run once it's been reached in the document. Prior to that the element it's going to affect will display with the original name as usual. Depending on the browser and the speed of the PC you're on the text can change at different times.

In the default layout the position that Todge instructed you to place the code comes right after the navigation tree which should allow it to run at the soonest possible time in the document. If it comes much later in the document on the theme you're using that may be responsible for the text not changing immediately.

To attempt to counteract this you can try adding a new line after the $[navigation.tree] line and placing the code there instead.

[seaturtle]

Apr 5, 2017 15:38:20 GMT -8 Brian said:

Apr 5, 2017 14:24:53 GMT -8 seaturtle said:

Ooh thanks! It works brilliantly on Safari, but on Chrome it does that thing where it shows the forum name and then quickly changes to Navigation (I even cleared the browsing data and it still happens). Do you know why it does that? 

Javascript can only run once it's been reached in the document. Prior to that the element it's going to affect will display with the original name as usual. Depending on the browser and the speed of the PC you're on the text can change at different times.

In the default layout the position that Todge instructed you to place the code comes right after the navigation tree which should allow it to run at the soonest possible time in the document. If it comes much later in the document on the theme you're using that may be responsible for the text not changing immediately.

To attempt to counteract this you can try adding a new line after the $[navigation.tree] line and placing the code there instead.

Thanks Brian for the suggestion 

So it's nothing to do with having badly written / cluttery HTML? 

I just tried this and there's seems to be a slightly, barely noticeable improvement compared to putting it under $[header] on Chrome. I don't know if it is just me but the change does seem to be a bit faster (or maybe my internet speed is different depending on the time of day). 

[Brian]

That's about the fastest you're going to get it since there's no other way to execute the code faster.

I don't think any of the HTML that comes before it is going to have any impact. If there were a script that ran in between the navigation tree and the code to change its text that would be one thing, but since the code is immediately next to it that's no longer a factor.