Width and Height

Hey autumnolivia,

Could you send me a link to the page on your site where you’re displaying the feed so that I can take a look?

John

This is my site:

https://www.autumnolivia.com

I’m trying to make it look like this:

It’s also not being responsive.

Hey Autumn,

It looks like you’re using a different Instagram plugin on your site now. Do you still need support for our plugin?

Hope you had a good holiday weekend,

John

Oops! I started playing with other layouts and disabled the widget. I’d still like to use yours if I can get it to display better. I’ve enabled it again.

I apologize.
Thank you for your quick response.

Hey Autumn,

The size of the photos is related to how many columns you select to display. So if you display 1 or 2 columns then the photos can be very big, but if you select 8-10 columns then the photos are displayed smaller as they need to fit into more columns. Setting the plugin to display fewer columns will allow the images to display larger for you.

It looks like the responsive layout isn’t working correctly as your theme has the following CSS on line 68 of it’s responsive.css file:

#footer-logo img {
max-width: 726px;
height: auto;
}

If you add the following CSS to your theme then it will override that and allow the plugin’s responsive layout to work correctly:

#footer-logo #sb_instagram img {
max-width: 100%;
}

If you don’t know how to add that to your theme, then I’m going to update the plugin today to include a ‘Custom CSS’ field where you can input custom CSS like this directly.

Let me know whether that helps,

John

Thank you, that worked!

Awesome, glad to hear that fixed it for you ??

If you like the plugin and feel like leaving a super-quick review then it would be hugely appreciated! It really helps to support the plugin.

If you have any other issues or questions in future then just let me know,

John

Hi!

Great plugin! But I cant get it responsive? Its working when im looking at my laptop and resizing the window, but its not working on my iphone.

My site is: projekt.intebarasallad.se

Thankful for help!

Hey WPsara,

I don’t seem to be able to access your site at https://projekt.intebarasallad.se/, I just see a blank white screen. Could you double check the link?

John

Sorry, I forgot to turn off the under construction-plugin!

Hey WPsara,

The issue is that on line 36 of your custom_css.css file you have the following CSS which is forcing your footer to be 1400px wide:

footer .container_inner {
  width: 1400px;
}

The Instagram feed is set to be 100% width by default and so it’s filling the entire width on mobile. If you fix or remove that CSS above then it should solve the problem for you.

Let me know whether that does the trick and I hope you’re having a good weekend!

John

Oh, of course. Thank you so much, it worked! ??
The same to you!

No problem Sara, happy to hear that solved the problem for you.

No obligation, but if you like the plugin then would you consider leaving a really quick review? It really helps to support the ongoing development of the plugin.

If you have any other issues then just let me know, and I hope you had a great weekend!

John