0
Completed

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

Harry J. 7 months ago • updated by Voo 2 months ago 3

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

Answer

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.

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.

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

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