display instagram feed horizontally

Hey @recetteitalienne,

The plugin would not currently be compatible with AMP due to the scripts and AJAX requests that we need to use to display the feed. This may be something that we look into the future, but currently we do not support AMP display.

Best regards.

Hi,

I have noticed that recently the Instagram feed wasn’t working both on mobile and on desktop. So I updated the plugin on my WordPress admin panel and had to paste again the code on the widget Yet, I notice that:

– the CSS additional code you supplied me (see comments above) in order to personalize how the Instagram feed display on my footer only on mobile doesn’t work any more
– My Instagram logo isn’t showing any more on my Instagram feed both on desktop and on mobile.

How can I solve those issues?

• This reply was modified 2 years, 7 months ago by recetteitalienne.

Hey @recetteitalienne,

There are a few issues here:

– You are using the first CSS I provided which will hide all of our feeds on Desktop
– With our new updated feed shortcodes, the classes are missing. Referring back to my previous ‘correction’ message with some updates, please do the following:

Change the shortcodes to be the following:

[instagram-feed feed=2 class='sbi_sidebar']

and in the footer use

[instagram-feed feed=2 class='sbi_footer']

Do note that you can also make a separate feed to put in the footer to make it look different, in that case, make sure feed= is set to the correct id for that feed.

Make sure you remove this CSS that I provided previously:

@media only screen and (min-width:576px) {
  #sb_instagram {
    display: none !important;
  }
}

And instead use the latest one I sent:

@media only screen and (min-width:576px) {
  #sb_instagram.sbi_footer {
    display: none !important;
  }
}
@media only screen and (max-width:575px) {
  #sb_instagram.sbi_sidebar {
    display: none !important;
  }
}

As for the profile picture issue, please first try going to Instagram Feed > Settings > Feeds > Clear All Caches. Also clear any caches on the website. If you have further issues you may have errors with your account connection and in that case you can get further assistance by reaching out to us using our support form here.

Best regards,

Hi thanks for the reply

I may have missed something because the Instagram feed is still showing up in the footer on desktop. In fact, I would like the Instagram feed to be displayed in the footer only on mobile.

Also, I have cleared any caches on the website, but still the Instagram profile picture is not showing.

Hey @recetteitalienne,

Thanks for getting back to me. Could you please use the link in my previous reply and create a support ticket instead since this may require some deeper troubleshooting and more information sent to us than should be on the public forums.

Thank you!

Hi

Okay, I will do that for the profile picture issue, but can you tell me how to display the Instagram feed in the footer but only on mobile and not on desktop?

Hey @recetteitalienne,

Due to some changes in our plugin, please replace the CSS previous given with this:

@media only screen and (min-width:576px) {
  .pre-footer #sb_instagram {
    display: none !important;
  }
}
@media only screen and (max-width:575px) {
  .sidebar-location-right #sb_instagram {
    display: none !important;
  }
}

This should yield the correct results for you.

Best regards,