How can I center the footer on my Supply Theme?

Store Design
1

Hello, I currently have my copyright text on one side and all the rest of the footer is centered…

1112.png
1112.png682×152 20.4 KB

I want the “© 2021 My Deal Searcher” to also be centered…

I did find the code for it but I can’t manage to center it:

1111.png
1111.png686×131 9.32 KB

Thank for the help.

[Site URL: https://mydealsearcher.com]

2

@Amir_Ben_Shmuel

Please go to Online store → themes → Edit theme → Assets → theme.scss.liquid and paste this code at the end of this file

@media only screen and (min-width: 769px) {
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths {
    width: 100%;
}
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths .legal-links {
text-align: center;
}
}
1 Like
3

Thank you @Hardik29418

I added it but still no change…

Also, I have this message on the top:

1111.png
1111.png622×129 4.81 KB

4

YOu have placed code in wrong format

.site-footer
    .wrapper
    .grid--full:nth-child(3)
    .grid-item.large--four-tenths
    .legal-links,
  .site-footer
    .wrapper
    .grid--full:nth-child(3)
    .grid-item.large--two-fifths
    .legal-links,
  .site-footer
    .wrapper
    .grid--rev:nth-child(3)
    .grid-item.large--four-tenths
    .legal-links,
  .site-footer
    .wrapper
    .grid--rev:nth-child(3)
    .grid-item.large--two-fifths
    .legal-links,
  .site-footer
    .wrapper
    .grid:nth-child(3)
    .grid-item.large--four-tenths
    .legal-links,
  .site-footer
    .wrapper
    .grid:nth-child(3)
    .grid-item.large--two-fifths
    .legal-links {
    text-align: center;
  }

Please remove it and place like this

@media only screen and (min-width: 769px) {
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths {
    width: 100%;
}
.site-footer .wrapper .grid:nth-child(3)  .grid-item.large--two-fifths .legal-links {
text-align: center;
}
}
1 Like
5

@Hardik29418

Where is this code you mantioned I need to remove?

.site-footer
.wrapper
.grid–full:nth-child(3)
.grid-item.large–four-tenths
.legal-links,
.site-footer
.wrapper
.grid–full:nth-child(3)
.grid-item.large–two-fifths
.legal-links,
.site-footer
.wrapper
.grid–rev:nth-child(3)
.grid-item.large–four-tenths
.legal-links,
.site-footer
.wrapper
.grid–rev:nth-child(3)
.grid-item.large–two-fifths
.legal-links,
.site-footer
.wrapper
.grid:nth-child(3)
.grid-item.large–four-tenths
.legal-links,
.site-footer
.wrapper
.grid:nth-child(3)
.grid-item.large–two-fifths
.legal-links {
text-align: center;
}

6

in theme.scss.liquid at the end of file

1 Like
7

@Hardik29418

I didn’t found the code you want me to remove on the theme.scss.liquid file…

I only added the code you wrote as you can see here:

1111.png

8

Yes, Correct.

1 Like
9

@Hardik29418

But the text is still on the side and not centered so what is wrong?