Instagram Full-Width Footer Block

Site URL: https://www.joshuaschweigert.com/

Hello!

I'm trying to get the Instagram widget in the footer to appear as full width with no space appearing above, or below it. And no space appearing on mobile. Any help would be greatly appreciated. Thank you!

Regards,

Joshua Schweigert

9 hours ago, thejschweigert said:

Site URL: https://www.joshuaschweigert.com/

Hello!

I'm trying to get the Instagram widget in the footer to appear as full width with no space appearing above, or below it. And no space appearing on mobile. Any help would be greatly appreciated. Thank you!

Regards,

Joshua Schweigert

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
	#block-yui_3_17_2_1_1635805743694_19261 {
		display: block !important;
		.sqs-svg-icon--list {
			display: flex;
			position: fixed !important;
			bottom: 20px;
			left: 0;
			justify-content: center;
			width: 100%;
			a {
				margin: 0 !important;
			}
		}
	}
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing result

That's so awesome for the buttons appearing at the bottom but this was for the Instagram widget 😉

On 12/17/2021 at 1:46 PM, thejschweigert said:

That's so awesome for the buttons appearing at the bottom but this was for the Instagram widget 😉

The above worked or you still need help?

Yes please!

On 12/23/2021 at 11:39 PM, thejschweigert said:

Yes please!

Try adding to Design > Custom CSS

/* Instagram fullwidth */
[data-section-id="61b02defd0ecfd5ad0995891"] .content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 1px !important;
    padding-left: 0 !important;
    padding-right: 0px !important;
    max-width: 100% !important;
}