A user seeks help centering their footer menu, which is currently left-aligned. They want to center the “Links” section text while keeping the “Our Mission” title centered below it.
Solution provided:
section-footer.css fileThe CSS snippet targets footer block elements with text-align: center and includes media query adjustments for responsive design. The code appears corrupted in the original post but aims to center-align footer content and adjust margins for list items on screens with minimum width of 750px.
Hello there,
How do I center my footer menu? it is currently set text to the left. As the pic attached below, how can I have the Links centered text in the middle then have the Our Mission title and text centered below the Links section? website is www.alignaide.com
Hi @Ak74,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file section-footer.css
Step 3: Paste the below code at bottom of the file → Save
.footer-block * {
text-align: center !important;
}
@media screen and (min-width: 750px){
.footer-block__details-content>li:not(:last-child) {
margin-right: 0 !important
}
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
