Changing block allignment in footer Prestige

[NZA]

Hello Everyone, 

I added all the menus and information that i need to the footer. I have 3 blocks, 1 menu, 1 text, and the newsletter

The footer that i ended up with is very wide and aesthetically unpleasing. (Picture below)

How can i make it more compact ?

This is the desired result:

I would really apreciate it if anyone can help with this 

Website ulr: https://luxury-cartell.myshopify.com/

Password: stoyol

Thank you very much in advance!

[Kinjaldavra · Accepted solution]

hello @NZA 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
#shopify-section-footer .Footer__Inner {
    justify-content: space-around;
}
}

[NZA]

Thank you very much @Kinjaldavra , the code worked.

The newsletter section still looks very small compared to the other 2 

would it be possible to increase the width of this block specifically ?

[Kinjaldavra]

hello @NZA 

@media screen and (min-width: 1140px){
#shopify-section-footer .Footer__Inner .Footer__Block.Footer__Block--newsletter{
	    flex-basis: 430px !important;
}
}

[Selim93]

Hey, the Flow 2.0 theme is used, this block should be right next to the last element instead of below it like in the screenshot. The dropdown menu should also be horizontal. please help