Shopify themes, liquid, logos, and UX
How can I center align the footer menu on my mobile version of the website. https://pro-convert.com/ Thank you 🙂
Solved! Go to the solution
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;
}
}
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;
}
}
Thank you 🙂
Thanks for accept and you complimetns.
@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:
thank you so much.
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;
}
}
Thanks for update and support.
I figured it out, couldn't figure out how to delete this post lol
Your code is not working
Hi, How do I centre align the Quick Links Footer Menu like the attached?
Share your store URL and password.
Hi, Is there a way I can do it myself?
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.
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;
}
}
oh sorry for that issue can you please share store url
could you help solve this issue with the theme Studio? This does not work for me.
can you please send store url
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.
DOES NOT WORK FOR ME?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024