Center links in the footer (mobile), Dawn theme

Store Design
1

Hi guys, how to center links in the footer section?

https://rrybn16vu3744xmp-32278773891.shopifypreview.com

2

Please add below code in bottom of assets/section-footer.css file

@media screen and (max-width: 989px)

.footer-block__details-content .list-menu__item–link {
text-align: center;
width: 100%;
display: inline-block;

}

3

hello @nd500

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

@media screen and (max-width: 749px){
.footer  .footer-block .footer-block__details-content  .link.link--text.list-menu__item.list-menu__item--link{
    justify-content: center;
}
}
3 Likes
4

@Kinjaldavra It worked, thank you.

One more question, is it possible to split the footer links into 2 columns on mobile?

5

hello @nd500

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

@media screen and (max-width: 749px){
.footer-block__details-content.list-unstyled{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-block__details-content.list-unstyled li{
   -webkit-box-flex: 0 0 50%;
    -moz-box-flex:  0 0 50%;
    -webkit-flex:  0 0 50%;
    -ms-flex:  0 0 50%;
    flex:  0 0 50%;
}
}
1 Like