Instagram Feed Footer Alignment

Hey @umairah97,

Thank you for reaching out to us for assistance. In this specific case you can try using something along these lines, adding it to Instagram Feed > Customize > Custom CSS and Save Changes:

#sbi_images {
  max-width: 260px !important;
}
.sbi_photo {
  max-height:84px;
} 

Best regards.

Hi @joelsmashballoon , thank you. But I’d like to retain the same size for the IG feed. Just that I want to move it a little to the left to centralise with the text above.

Hey @umairah97,

While inherently related to this theme’s setup for the footer widgets, something like this will do that for you by forcing our plugin to move:

#sb_instagram {
  margin-left: -25% !important;
}

Best regards,

Thanks, It works! But I noticed the ig feed on mobile moved as well. Is there any way I can bring it back to the original position on mobile, where it aligns with the text above? (left aligned)

Hey @umairah97,

Yes, you can add the following and adjust the max-width to your liking:

@media only screen and (max-width: 640px){
  #sb_instagram {
    margin-left: 0 !important;
  }
}

Best regards.

Works perfectly. Thank you!

Hey @umairah97,

Happy to be of assistance. If you run into any issues in the future don’t hesitate to let us know.

Many thanks and I wish you a great day.