Instagram Feed causing mobile site to display incorrect

Hey Louisiane,

My guess is the footer widget areas for you theme are only designed to stretch a certain distance (looks like about a third of the page). It looks like you made the feed width 340% to get it to stretch as far as you needed. This works for desktop but the theme is designed to make these widget areas stretch the entire width of the screen on mobile devices so 340% of the whole screen width will make it stretch way too far when the screen is small.

The fix is forcing the footer widget area to go across the whole page when screen is wide so that you can keep the feed set to 100% of the screen width. So in your “Custom CSS” area on the “Customize” tab you can add some code that would target the footer widget area and set the width to 100%. If that doesn’t make sense you can ask your theme author or someone who knows CSS to make the fix.

You could also set the width of the feed to 100% whenever the screen is small with media queries but again, you would need to know some CSS to do this.

Let me know if you have any more questions!

– Craig

You are a rock star Craig! Thank you so so soooo much!

No problem! Let me know if you need anything else.

Thanks,

Craig