Shopify themes, liquid, logos, and UX
Hi there, does anyone know how I can center my footer menu for mobile, I added this code :
<style>
@media screen and (max-width: 767px){
.footer__content-top {
padding-bottom: 3rem;
padding-left: calc(1rem / var(--font-body-scale)) !important;
padding-right: calc(1rem / var(--font-body-scale)) important;
}
ul.footer-block__details-content.list-unstyled {
display: flex;
justify-content:space-evenly;
}
ul.footer-block__details-content.list-unstyled * {
font-size: 9px !important;
}
}
</style>
and that made it horizontal which is what I wanted but now its not centered :
any help would be greatly appreciated, i've searched the topic and have tried several codes and nothing has worked
****UPDATE, I solved it
Hello, @mgrp
Can you share your store url?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025