Center Footer On Supply Theme

Solved
Amir_Ben_Shmuel
Tourist
6 0 0

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

1112.png

 

 

 

 

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

 

Thank for the help.

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

Accepted Solution (1)

Accepted Solutions
AlexEffron
Shopify Partner
2468 386 1038

This is an accepted solution.

@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;
}
}

 

View solution in original post

Replies 8 (8)
AlexEffron
Shopify Partner
2468 386 1038

This is an accepted solution.

@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;
}
}

 

View solution in original post

Amir_Ben_Shmuel
Tourist
6 0 0

Thank you @AlexEffron 

I added it but still no change...

Also, I have this message on the top:

1111.png

AlexEffron
Shopify Partner
2468 386 1038

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;
}
}

 

Amir_Ben_Shmuel
Tourist
6 0 0

@AlexEffron 

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;
}

AlexEffron
Shopify Partner
2468 386 1038
Amir_Ben_Shmuel
Tourist
6 0 0

@AlexEffron 

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

Amir_Ben_Shmuel
Tourist
6 0 0

@AlexEffron 

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