Changing block allignment in footer Prestige

Solved
NZA
Pathfinder
105 12 32

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)

footer.png

How can i make it more compact ?

This is the desired result:

Footer 2.png

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!

0 Likes
Natztech
Shopify Partner
1416 400 956

This is an 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;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
NZA
Pathfinder
105 12 32

Thank you very much @Natztech , 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 ?

footer new.png

0 Likes
Natztech
Shopify Partner
1416 400 956

hello @NZA 

@media screen and (min-width: 1140px){
#shopify-section-footer .Footer__Inner .Footer__Block.Footer__Block--newsletter{
	    flex-basis: 430px !important;
}
}
Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store