How do I move my Instagram feed from the Home page to its own page?

[shelleyd]

Hi,

I've used an app to add my Instagram feed to my Home page, but I want it to sit on the 'Instagram' page in my Header instead. I have the code to do this, but I don't know where to add it:

<div id="insta-feed"></div>

My store is https://onyx-and-elm.myshopify.com/admin and I'm using the Debut theme.

[Dbuglabpvtltd · Accepted solution]

Hi @shelleyd 
Add code here.

[Dbuglabpvtltd]

Hi @shelleyd 

go to cutomizer and hide the instagram section.
Then create a page and paste this code in that page

<div id="insta-feed"></div>

[shelleyd]

Thanks @Dbuglabpvtltd 

I’ve taken all these steps. The problem is I don’t know where to put the code. There’s nowhere on the page itself to paste it. It needs to be added to the coding, but I don’t know where.

[Dbuglabpvtltd · Accepted solution]

Hi @shelleyd 
Add code here.

[shelleyd]

@Dbuglabpvtltd 

Thank you! That was so simple!

I've got is set up and working, but I can't seem to adjust the heading size and the feed width. Usually that is done on the Home page, but I can't do that here.

[Dbuglabpvtltd]

Hi @shelleyd 
yes you can do this by using css. according to the page

[shelleyd]

I'm not sure how to do this with css. How do I make the page width the same as the other pages in my store?

[Dbuglabpvtltd]

Hi @shelleyd 

Remove this class only for this page

Then page will look like this

[shelleyd]

@Dbuglabpvtltd 

Thanks. Do I find this code in the theme.css file? I searched and I couldn't find it.

[Dbuglabpvtltd · Accepted solution]

No this code will be in page.liquid template.

[shelleyd]

It's working perfectly now. Thanks.