Is there a way to insert custom nav buttons or links in the header?

Avatar
  • updated
  • Completed

I wanted to add a link back to my site next to the logo in the header. Is this something that is possible?

Pinned replies
Avatar
Vladimir Mullagaliyev co-founder
  • Answer
  • Completed

Yes,

You can do it with Custom script.

Open you project settings -> Project -> Custom CSS/JS, then last tab "External JS/CSS".

Add this code:


<script>
initqueue.push(function() {
$('<a href="http://test.com">My website</a>').appendTo('.navbar-header');   
});
</script>

The you can add CSS style for the link as well.

Avatar
Vladimir Mullagaliyev co-founder
  • Answer
  • Completed

Yes,

You can do it with Custom script.

Open you project settings -> Project -> Custom CSS/JS, then last tab "External JS/CSS".

Add this code:


<script>
initqueue.push(function() {
$('<a href="http://test.com">My website</a>').appendTo('.navbar-header');   
});
</script>

The you can add CSS style for the link as well.

Avatar
Harry J.

It worked great, but I had to remove the ; right before the closing script tag - Thanks!

Avatar
Voo

I think now the more complete code below:

$('<li><a href="http://yoursite.com"><i class="fa fa-globe"></i><span class="hidden-xs"> WEB site</span></a></li>').appendTo('.nav.navbar-nav');