Centering footer text and menus

nekosan01
Shopify Partner
24 0 0

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

footer-center.jpg

 

Thank you in advance,

 

 

Replies 7 (7)

ZestardTech
Shopify Expert
5393 970 1291

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Kamil6
Shopify Partner
6 0 0

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.

Screenshot 2021-09-26 005154.png

Kinjaldavra
Shopify Partner
2302 570 1422

Hello @Kamil6 

Can you please share your shop url and password

Kamil6
Shopify Partner
6 0 0
Kinjaldavra
Shopify Partner
2302 570 1422

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

 

Kamil6
Shopify Partner
6 0 0

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

WhatsApp Image 2021-09-26 at 5.47.23 PM.jpeg

Kinjaldavra
Shopify Partner
2302 570 1422

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