Instagram feed in footer smooshed

Hi!

I"m wondering if you can see what’s going on here. I have a plugin that adds an instagram feed to a content area, and on the front page of my site it works very well- full width, nice big images. But in the footer, where I’d rather it live, it’s all smooshed. I have the flex settings and footer setting right for this to fill the footer container, but it still won’t. Can you guide me to what I’m doing wrong here?

http://infamous-whistle.flywheelstaging.com/

Hi Jeannie,

Thank you for writing in, the issue is the Content Area does not have a width, please add this to the Content Area’s Element CSS area.

$el.x-bar-content-area {
	width: 88%;
}

Feel free to adjust the 88% value.

Cheers!

1 Like

Hi thank you! This totally works! But I’m having another issue that I think can be solved by adjusting the Z index of the box. The instagram plugin has a built in “Load More” button. But when the content loads, the bounds of the container do not grow to accommodate it. How can I expand the flexible capability of this box to accommodate the growth of this plugin?

Before:

After:

Hey Jeannie,

The Footer bar containing the Content Area should be set to auto.

Hope that helps.

1 Like

Perfect! That worked! Thanks so much! :heart_eyes:

Glad it worked!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.