How can I center the mobile footer on my Prestige theme?

[ben_yamada]

Hi!

I have been trying to center my mobile footer for some time and no code that has been given in other discussion has worked, and for some reason only the "Policies" tab in the footer is centered on mobile.

Any suggestions on what I should do?

My store URL is: eloops.jp

Thank You!

[Dan-From-Ryviu · Accepted solution]

Hi @ben_yamada 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
.social-media--list, 
.footer__block-list { justify-content: center !important; }
}

[Sajat]

Hi @ben_yamada 

Welcome to Shopify Community.

To center your contents, go to Online -> Themes -> Customize

On the left side menu, select Theme Settings -> Custom CSS and add the following content

.footer{
   text-align: center !important;
}

This should do the trick.

Thank you,

Sajat

-------------------------------------------------------------------------------------------
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.

[goldi07]

hello @ben_yamada 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->theme.css...> ...add the code end of the file

 @media screen and (max-width: 750px) { 
a.link-faded {
    text-align: center;
}
.footer__block.footer__block--links li a {
    margin: 0 auto;
    display: table;
}
}

If this was helpful, hit the like button and accept the solution.
Thanks

[PageFly-Richard]

Hi @ben_yamada 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media (max-width: 767px) {
.footer{
   text-align: center !important;
}
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[Dan-From-Ryviu · Accepted solution]

Hi @ben_yamada 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
.social-media--list, 
.footer__block-list { justify-content: center !important; }
}

[ben_yamada]

thank you very much!

[Dan-From-Ryviu]

You are very welcome! 

[Tech_Coding · Accepted solution]

Hello @ben_yamada 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
   footer .footer__inner {
     display: flex !important;
     justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  footer .footer__block.footer__block--image{
     display: flex !important;
     justify-content: center;
  }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[goldi07]

hello @ben_yamada 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->theme.css...> ...add the code end of the file

 @media screen and (max-width: 750px) { 
a.link-faded {
    text-align: center;
}
.footer__block.footer__block--links li a {
    margin: 0 auto;
    display: table;
}
}

If this was helpful, hit the like button and accept the solution.
Thanks