Changing block allignment in footer Prestige

Solved
NZA
Pathfinder
122 12 33

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!

Accepted Solution (1)

Accepted Solutions
Natztech
Shopify Partner
2235 564 1363

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;
}
}

 

View solution in original post

Replies 4 (4)
Natztech
Shopify Partner
2235 564 1363

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;
}
}

 

View solution in original post

NZA
Pathfinder
122 12 33

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

Natztech
Shopify Partner
2235 564 1363

hello @NZA 

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

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

ffff.PNG

ffff2.PNG