Replace Nav text on hover

Description

  • change navigation text to another text on hover
  • view demo – password: abc (hover on item: Test page)
  • buy me a coffee

07.26c20v4 Replace Nav text on hover

#1. Install Code

#1.1. First, hover on each Page in Navigation > Click Gear icon

07.26c20v4 Replace Nav text on hover

#1.2. Click SEO > Enter your desired hover text in SEO Description

07.26c20v4 Replace Nav text on hover

#1.3. Use this code to Code Injection > Footer

  • If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1
<!-- 07.26c20v4 Replace Nav text on hover -->
<script>
window.NavHoverSeoConfig = {
  revertOnLeave: true,
  prefetch: true
};
</script>
<script src="https://code.beaverhero.com/header/0726c20v4replacenavtexthover.js"></script>

07.26c20v4 Replace Nav text on hover

#2. Customize

nothing now

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can edit Site Footer

05.26c08v1 Event Default Location

Add a Markdown Block

04.26c10v2 Header Sound Icon

Add this code into Markdown Block

<script>
window.NavHoverSeoConfig = {
  revertOnLeave: true,
  prefetch: true
};
</script>
<script src="https://code.beaverhero.com/header/0726c20v4replacenavtexthover.js"></script>

07.26c20v4 Replace Nav text on hover

 

Buy me a coffee