Hi,
We are new to Shopify.
Is there a way to centre the footer menus on our website?
Spicy Protect - UK Security Suppliers
Maybe add some padding to the left of the first menu in the footer?
Thanks for any help?
Phil
Topic summary
A Shopify store owner seeks help centering footer menus on their website.
Solution Provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Locate the CSS file (typically “base.css”) in the Assets folder
- Add custom CSS code to center-align the footer elements
Two CSS Options Offered:
- Center-align text within footer menus using
text-align: center - Add padding to position footer content centrally
The solution includes specific CSS selectors targeting .footer.site-footer.small--text-center elements. Code snippets and visual examples were shared to demonstrate the changes.
Outcome: The original poster confirmed the solution worked perfectly, marking the issue as resolved.
1 Like
Hi @spicyprotect ,
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
You just like it to align center also the text itself also? like this.
footer.site-footer.small--text-center .grid {
text-align: center
}
Or you just like to add the padding to place it in center.
footer.site-footer.small--text-center .wrapper {
padding: 0 10px 0px 150px;
}
I hope it help.
Thank You !!!
Work Perfect