Footer Issues

[atomicshinji]

Hi there!

I’m currently using the Momentum theme and I was wondering if you could help me with centering the second column or adjusting its position so that it appears after the logo. Could you please guide me on how to achieve this?

https://1bc201-61.myshopify.com/
password: eashal

Thank you in advance for your assistance!

[devcoders]

Hello @atomicshinji

Correct this ?

[atomicshinji]

Yes, the first quick links, I wanted to center it.

[CodingFifty]

Hi @atomicshinji ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css Add the provided code at the end of the file.

@media (min-width: 768px){
.grid__item.large--one-quarter.medium--one-half.small--one-whole.links-footer {
    text-align: -webkit-center !important;
}
}

[atomicshinji]

hi there!
It doesn’t look good, I only wanted to move the second column “quick links”

[CodingFifty]

Please share a screenshot and highlight where you want to move?

[atomicshinji]

Yes, Please see below screenshot:
I wanted to move or center the second column .

[CodingFifty]

Hello @atomicshinji ,

Try this code

@media (min-width: 768px){
.grid__item.large--one-quarter.medium--one-half.small--one-whole.links-footer {
    margin-left: 74px !important ;
}

.large--one-quarter {
        width: 21% !important;
    }
}

[atomicshinji]

Hi there!
The image now looks small and spacing for the second and third column is too much. The last column have a gap as well. Please see below:

[CodingFifty]

Try this code

@media (min-width: 768px){
.grid__item.large--one-quarter.medium--one-half.small--one-whole.links-footer:nth-child(even) {
    margin-left: 109px;
    width: 16% !important;
}

.large--one-quarter {
        width: 24% !important;
    }
}

[atomicshinji]

It looks great! Thank you so much!