Solved

Center align footer menu on mobile?

cliff781
Excursionist
42 0 8

How can I center align the footer menu on my mobile version of the website.  https://pro-convert.com/ Thank you 🙂 

footer.png

 

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

Hello, @cliff781 

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.site-footer__content {
    text-align: center;
}
.site-footer__item {
justify-content: center;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 20 (20)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

Hello, @cliff781 

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.site-footer__content {
    text-align: center;
}
.site-footer__item {
justify-content: center;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
cliff781
Excursionist
42 0 8

Thank you 🙂

KetanKumar
Shopify Partner
36839 3635 11972

@cliff781 

Thanks for accept and you complimetns.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FranziRak
Explorer
73 0 13

@KetanKumar hope you can help me as well please: www.rakao.de on mobile version the footer links are not in center under the payment icons, i circled blue:

 

IMG_8356BB0C2140-1.jpeg

thank you so much.

KetanKumar
Shopify Partner
36839 3635 11972

@FranziRak 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
.site-footer .grid__item.medium-up--one-third.small--one-half {
    width: 100%;
    padding-left: 0;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FranziRak
Explorer
73 0 13

thank you so much 🙂 you are the best @KetanKumar 

KetanKumar
Shopify Partner
36839 3635 11972

@FranziRak 

Thanks for update and support.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mgrp
New Member
5 0 0

I figured it out, couldn't figure out how to delete this post lol

lafara
Visitor
3 0 0

Your code is not working

TaeghanM
Visitor
2 0 1

Hi, How do I centre align the Quick Links Footer Menu like the attached?Untitled.png

dfiroz
Excursionist
19 3 6

Share your store URL and password.

If helpful, then please Like and Accept Solution.
Want to modify or custom changes on store, hire me.
- Feel free to contact me on imfirozhossain@gmail.com regarding any help
TaeghanM
Visitor
2 0 1

Hi, Is there a way I can do it myself?

KetanKumar
Shopify Partner
36839 3635 11972

@TaeghanM 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Rippermagoo
Visitor
2 0 1

Hey @KetanKumar ,

 

I tried implementing this code to center my menu in my footer, but it doesn't seem to work for me. I have similar code already at the bottom of my theme.scss.liquid file so maybe that is causing the issue. The additional code I have in there was to remove the "special instruction for seller" area on the cart page.

 

Here is the current code I have. Could you please help with this.

 

.cart__footer .grid__item:nth-child(1){
visibility: hidden;
pointer-events: none;
}

@media (max-width: 767px){
.cart__footer .grid__item:nth-child(1){
display: none;
}
}


@media only screen and (max-width: 749px) {
.site-footer__content {
text-align: center;
}
.site-footer__item {
justify-content: center;
}
}

KetanKumar
Shopify Partner
36839 3635 11972

@Rippermagoo 

oh sorry for that issue can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Rippermagoo
Visitor
2 0 1

Sure it is www.myastronome.com 

skyebarn
Visitor
1 0 1

could you help solve this issue with the theme Studio? This does not work for me.

KetanKumar
Shopify Partner
36839 3635 11972

@skyebarn 

can you please  send store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Voujon
Tourist
6 0 1

Hi,

 

I am not sure how to add a new comment but i would like some advise please. 

 

My url is https://voujon.myshopify.com/

 

as you can see the footer items are not cantered. Neither on Mobile. How do I center these on both desktop and mobile. 

 

Thanks. 

1999
Tourist
20 0 1

DOES NOT WORK FOR ME?