How do I move this column in the footer to the right so that it is in the center? I’m using the Dawn theme.
Hello @amelia-henry
Follow these steps to solve your problem:-
To edit the footer section on your Shopify store, you need to follow these steps:
- On the Shopify admin, go to Themes and then click on Customize theme
- Choose Custom block section and then scroll down to Footer position where you will see all the footer links are set
- If you want to edit the title that appears for each block, just change the text in the Title column
- If you want to edit the content that appears under each block title, edit the Content column accordingly. Some blocks appear with a dropdown to choose the Content that fits you.
- None- this will not display anything under the footer block title
- Footer- displays the footer links that are set in Navigation → Footer list. You can manage it by clicking on Edit Link list:
On the page that opens you can edit the existing link as well as Add another link. Be sure to click on Save when the changes are made.
- Main Menu – displays links set in Navigation → Main Menu list. It can be edited the same way as Footer list.
- You can also Add new list and you will be able to choose it from the Custom block Content dropdown. To do so:
- Go to Navigation and click on Add a link list
- On the page that opens fill in the fields with appropriate information
- Click on Save link list
- After all the necessary changes are done for Footer Custom blocks, click Publish changes
Do let me know if you have any other questions.
That doesn’t provide a specific answer. I figured it out anyway.
First I added 2 more blocks to the footer to make it 5 blocks total.
Then I added this code to the base theme to make all of the blocks on the same line:
@media(min-width:768px){
.footer__content-top .footer__blocks-wrapper .grid__item {
width: calc(20% - var(–grid-desktop-horizontal-spacing) * 4 / 5) !important;
}
}
Then I added this code to adjust the size of the boxes.
.footer-block:nth-child(1) {
flex: 1 1 25%;
}
.footer-block:nth-child(2) {
flex: 1 1 15%;
}
.footer-block:nth-child(3) {
flex: 1 1 10%;
}
.footer-block:nth-child(4) {
flex: 1 1 15%;
}
.footer-block:nth-child(5) {
flex: 1 1 10%;
The result is this screenshot:
Looks good to me.
Omg thank you!!!