Lightweight social icons not appearing in footer

Hi there,

where did you add the LSI icons ? Was it in a Footer Widget ?

Hi David,

Yes, I placed it in Footer widget 5. I have some text also in Footer widg 1.

How many widgets do you have set in Customizer > Layout > Footer ?

Oh dear - just the one. Thanks.
For the social icons to appear bottom right of site, not move over to top of footer 2 and to have the space of footer 2,3,4 in between, setting footer width to full in Customizer > Layout > Footer doesn't seem to resolve. Is it a case of placing a blank smth in footer 2,3,4 for this to take shape?

If you only need the two footer widgets then move the LSI to Widget 2. And set the number of widgets to two. Once thats in place ill provide some CSS to create some space between them.

Thanks David. Have done the above.

Do you want the first widget withe logo and disclaimer to fill more space ( and left align logo ) - and then the social icons to vertically align to the bottom ?

I was thinking of having disclaimer as-is in left footer/footer 1 and icons far right footer - footer 5 and having maybe subscribe box going across footer 2,3,4 or 2,3. Will sort - but for the LSI is it possible for them to sit at bottom of footer not top. Thanks.

Ok - before we do that - can you set the Customizer > General >> Structure to Flexbox ?
This will make the alignment a lot easier - if it causes an issue then let me know.

Then in preparation for your 'subscribe' box, set your footer widgets to 3 and move the LSI to Widget #3.
I can make it so #2 will fill the space between.

Hi,

Yes, switching to flex does change post width in some places. I haven't been thru thoroughly. On reflection its ok LSI appearing top of footer, maybe get noticed more.

For subscribe box, thanks for the hand there, how would u like me to proceed?

cheers.

Can you change the Widgets to 3.
Move the LSI to Widget #3.
Then in Widget #2 just add a HTML Widget and add some text for a placeholder eg. "Subscription goes here"

Then i can work on the CSS

Have done. Thank you.

Now you can use this CSS:

@media (min-width: 1025px) {
    .footer-widgets-container .footer-widget-1 {
        width: 30%;
    }
    .footer-widgets-container .footer-widget-2 {
        width: 50%;
    }
    .footer-widgets-container .footer-widget-3 {
        width: 20%;
    }
}

Change the %'s as you need for each of the widgets making sure they total 100%

Thanks David. Just ironing out the subscribe set-up. Will test shortly.