Move back to (collection); at top left of page? (Debut Theme)

[Ninthony]

I also do not see a button, you may be previewing a different theme where you have added this button?

[GetOrchard]

I changed product.liquid.

I moved 

<div id="backToCollection"></div>

on top of

 {% section 'product-template' %}
{% section 'product-recommendations' %}

and changed the div class to text-left:

if(showCollection) {
var backToCollectionHTML = '<div class="text-left return-link-wrapper page-width"><a href="' + theme.backToCollection.collection.link + '" class="btn btn--secondary btn--has-icon-before">{% include 'icon-arrow-left' %}{{ 'products.product.back_to_collection' | t }} ' + theme.backToCollection.collection.title + '</a></div>';
var backToCollectionContainer = document.getElementById('backToCollection');
backToCollectionContainer.insertAdjacentHTML('afterbegin', backToCollectionHTML);
}

[GetOrchard]

The button was already there I just moved it up in the product.liquid when you view an item

[hash777]

@GetOrchard  send the full screenshot of your laptop while you are trying to move button up, as you said. That might help.

THANKS

[GetOrchard]

I don't understand what you mean by this. What do you mean by trying to move it up? I'm editing the code to move it up. Do you want me to send a picture of the code ?

[GetOrchard]

In order for the button to pop up you have to go into a collection, click a product in there and when you are viewing the product the button will come up. 

So for example, I go into LG > G8 > Select any product > Product Page.

This is where the back button is displayed.

[hash777]

@GetOrchard  Yes pls send me screenshot of code where you are editing the code.

[GetOrchard]

[hash777]

@GetOrchard  ok you want button like this . RIGHT ?

[GetOrchard]

Yes exactly!!!