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

Harry J.

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

Vladimir Mullagaliyev co-founder

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.

Reply Link

Replies 3

Vladimir Mullagaliyev co-founder

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.

Reply Link

Harry J.

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

Reply Link

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');

Reply Link