How can I center footer text and menus on my site?

Hello there!

Can someone help me with centering the text and menus on our site in the footer?

Our site is: https://prodiswine.com/ password: 1234554321

Thank you in advance,

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find assets/timber.scss.css and paste this at the bottom of the file:
@media screen and (min-width: 1200px){
footer.footer_v1 .container.container-v1 {
max-width: 1140px;
}
}

Hi there,

I have the similar issue, is it possible please help me out on 2 issues:

  1. How to reduce padding on desktop & mobile view for footer menu.

  2. How to bring those links in center for desktop & mobile view.

Thank you so much.

Hello @Kamil6

Can you please share your shop url and password

Sure,

https://redstringsco.com/

version1

llo @Kamil6

1.In your Shopify Admin go to online store > themes > actions > edit code
2. Find assets/base.css and paste this at the bottom of the file:

.footer__content-top {
    padding-top: 0px !important;
}
.footer-block .footer-block__details-content{
    text-align: center !important;
}

Thanks a lot, for desktop and laptop works perfect but mobile view remain unchanged.

hello @Kamil6

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.footer .footer__content-top  .footer-block .footer-block__details-content li a {
    width: 50%;
    margin: 0 auto;
}
}