moving instagram feed to header

  • Resolved tfrett

    (@tfrett)


    7 years ago

    Sorry to ask here, I don’t get a response from my theme support page.
    I was wondering if anyone can help me move my Instagram feed to the header of my page.
    It is currently at the footer – but I would like it to be placed right above the first post if that’s possible. (I would remove the carousel settings where my top 4 posts are and that is where I would like the Instagram feed to be)
    Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Hey tfrett,

    No problem! There are two options in this case:

    1) You can edit your theme’s template file to add the feed directly to the header.php file. We have an FAQ that explains this a bit more: https://smashballoon.com/how-do-i-embed-the-instagram-feed-directly-into-a-wordpress-page-template/

    2) If you are less technical and haven’t worked with php or “child themes” you could also just add the following snippet of JavaScript to the “Custom JavaScript” area to move the feed to that spot:

    jQuery('.site-content').prepend(jQuery('#sb_instagram'));

    You would want to leave the feed where you have it in the footer as this will add the feed to the page to be moved by this code.

    Hopefully that helps!

    Thanks,

    Craig

    Thread Starter tfrett

    (@tfrett)

    Seems that I’m having an issue with WordPress as it will not allow me to change anything in the editor without an error popping up.
    I’m not familiar with Custom Javascript (sorry again, I’m new to this)
    Can you explain to me how I add that?
    Thank you.

    Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Ahh sorry I should have mentioned that this is on the “Customize” tab. So under Instagram Feed, go to the “Customize” tab and scroll down to the “Custom JavaScript” area and add this in:

    jQuery('.site-content').prepend(jQuery('#sb_instagram'));

    Thread Starter tfrett

    (@tfrett)

    Thank you, it worked ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘moving instagram feed to header’ is closed to new replies.